jQuery技术

jQuery学习之jQuery Ajax用法详解(2)

字号+ 作者:H5之家 来源:H5之家 2015-11-14 18:43 我要评论( )

errorFunction(默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。function (XMLHttpRequest, textStatus, errorThrown) { //

error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。 function (XMLHttpRequest, textStatus, errorThrown) { // 通常情况下textStatus和errorThown只有其中一个有值 this; // the options for this ajax request}

global Boolean (默认: true) 是否触发全局 AJAX 事件。设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 。可用于控制不同的Ajax事件

ifModified Boolean (默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。

processData Boolean (默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。

success Function 请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态 function (data, textStatus) { // data could be xmlDoc, jsonObj, html, text, etc... this; // the options for this ajax request}

 

这里有几个Ajax事件参数:beforeSend ,success ,complete ,error 。我们可以定义这些事件来很好的处理我们的每一次的Ajax请求。注意一下,这些Ajax事件里面的 this 都是指向Ajax请求的选项信息的(请参考说 get() 方法时的this的图片)。

 代码如下 复制代码

$.ajax({   url: url,   dataType: ‘json‘,   data: data,   success: callback });

可能你还没有使用过json数据,我的小站中已经好几次提到了json的使用,如果你还不熟悉json格式,可以看看jquery移动listbox的值、jQuery下json的使用实例

获得json数据

这里将随机显示一条json数据到目前为止我们总结了jQuery.ajax的五种简写方法,接下来让我们集中精神,看看jQuery.ajax()方法,在使用中,笔者也是经常使用的jQuery.ajax(),因为大多数情况,我们需要对ajax请求出错的情况进行捕捉并处理。

6.jQuery.ajax() 使用jQuery.ajax()方法获取数据,下边给个常用写法,并做了相应的注释。

 代码如下 复制代码

$.ajax({     url: "http://www.hzhuti.com",    //请求的url地址     dataType: "json",   //返回格式为json     async: true, //请求是否异步,默认为异步,这也是ajax重要特性     data: { "id": "value" },    //参数值     type: "GET",   //请求方式     beforeSend: function() {         //请求前的处理     },     success: function(req) {         //请求成功时处理     },     complete: function() {         //请求完成的处理     },     error: function() {         //请求出错处理     } });

使用jQuery.ajax() 这里将显示数据

$.ajax我的实际应用例子

 代码如下 复制代码

//1.$.ajax带json数据的异步请求 var aj = $.ajax( {       url:‘productManager_reverseUpdate‘,// 跳转到 action       data:{                selRollBack : selRollBack,                selOperatorsCode : selOperatorsCode,                PROVINCECODE : PROVINCECODE,                pass2 : pass2       },       type:‘post‘,       cache:false,       dataType:‘json‘,       success:function(data) {           if(data.msg =="true" ){               // view("修改成功!");               alert("修改成功!");               window.location.reload();           }else{               view(data.msg);           }        },        error : function() {             // view("异常!");             alert("异常!");        }   });

 

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

相关文章
  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

  • 互联网创业小团队做项目,产品不够稳定的因素都有哪些?如何解决

    互联网创业小团队做项目,产品不够稳定的因素都有哪些?如何解决

    2016-02-10 12:00

  • 【jQuery基础学习】08 编写自定义jQuery插件

    【jQuery基础学习】08 编写自定义jQuery插件

    2016-02-03 12:01

  • jquery ui 学习随笔 日历

    jquery ui 学习随笔 日历

    2016-01-18 19:04

网友点评
r