AJax技术

javascript之AJAX框架使用说明

字号+ 作者:H5之家 来源:H5之家 2016-01-15 09:28 我要评论( )

牛图库(niutuku.com)素材网提供javascript,ajax,框架,等设计素材免费下载。

ajax编码落地算是团队框架建设的一个里程碑,使得框架拥有了一个可应用调试的版本。在ajax框架编码中主要想到了这么几点:

  • 框架兼容性
  • 方法全面而要简单快捷
  • 可扩展性好
  • 框架兼容性:ajax框架的兼容性主要表现在XMLHttpRquest对象生成上。根据不同类型浏览器或者不同库一般有三种方式

  • new XMLHttpRequest();
  • new ActiveXObject("Microsoft.XMLHTTP");
  • new ActiveXObject("Msxml2.XMLHTTP");
  • 方法简单快捷且扩展性好

  • 框架编写如ajax.get()、ajax.json()、ajax.post等这样类似jquery的比较全面的方法,快捷方便
  • 框架使用一个核心方法为接口、各种方法都通过统一接口进行异步请求,后续需要扩展方法只需要组织自己的数据格式,然后调用核心方法即可。
  • 方法

  • ajax.get(url,success,error)

    参数: url 请求的url地址 必选

    参数: success 请求成功的回调函数 可选

    参数: error 请求失败的回调函数 可选

  • ajax.json(url,success,error)//采用官方json解析方法解析,更安全

    参数: url 请求的url地址 必选

    参数: success 请求成功的回调函数 可选

    参数: error 请求失败的回调函数 可选

  • ajax.xml(url,success,error)//暂不支持

    参数: url 请求的url地址 必选

    参数: success 请求成功的回调函数 可选

    参数: error 请求失败的回调函数 可选

  • ajax.post(url,params,success,error)

    参数: url 请求的url地址 必选

    参数: params 需要post的参数 可选(默认null)

    参数: success 请求成功的回调函数 可选

    参数: error 请求失败的回调函数 可选

  • ajax.request( { url:url, params:params, type:type, format:format, success:success, error:error } )

    参数: url 请求的url地址 必选

    参数: params 需要post的参数 可选

    参数: success 请求成功的回调函数 可选

    参数: error 请求失败的回调函数 可选

    参数: type 请求类型(POST/GET) 可选(默认GET)

    参数: format 返回数据类型(json/xml/text) 可选(默认text)

  • 范例
    引入

    复制代码 代码如下:

    <script type="text/javascript" src="ajax_min.js" ></script>


    请求

    复制代码 代码如下:


    <script type="text/javascript">
    //定义回调函数
    var callBack = function(text)
    {
    alert(text);
    }
    //发送请求
    ajax.get("test.php",callBack);
    </script>


    下载ajax_min.js
    来自:cnblogs 唯C—Sky

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • JQuery实现Ajax加载图片的方法

      JQuery实现Ajax加载图片的方法

      2016-02-24 17:01

    • 判断用户是不是为ajax请求

      判断用户是不是为ajax请求

      2016-02-24 17:00

    • Ajax与WEB开发 by alixixi.com

      Ajax与WEB开发 by alixixi.com

      2016-02-11 11:02

    • jQuery.ajax()的相关参数及使用

      jQuery.ajax()的相关参数及使用

      2016-02-08 16:00

    网友点评