JQuery $.ajax() 方法示例与参数说明

2014-08-21· 1301 次浏览
## 示例 ```js $.ajax({ url : 'url', type : 'post', data : { 's' : 's' }, beforeSend : function(XMLHttpRequest) { alert("发起请求前调用."); return true; // return false 取消本次请求 }, success : function(data, textStatus) { alert(data); alert(textStatus); }, error : function(XMLHttpRequest, textStatus, errorThrown) { alert(XMLHttpRequest.status); // http状态码 alert(XMLHttpRequest.readyState); // 状态码 // 0 - (未初始化)还没有调用send()方法 // 1 - (载入)已调用send()方法,正在发送请求 // 2 - (载入完成)send()方法执行完成,已经接收到全部响应内容 // 3 - (交互)正在解析响应内容 // 4 - (完成)响应内容解析完成,可以在客户端调用了 alert(textStatus); // "timeout", "error", "notmodified" 或 "parsererror"。 }, complete : function(XMLHttpRequest, textStatus) {} }); ``` ## 参数说明 | 序号 | 参数 | 类型 | 说明 | | --- | --- | --- | --- | | 1 | url | String | 默认值: 当前页地址。发送请求的地址。 | | 2 | type | String | 请求方式 ("POST" 或 "GET"), 默认为 "GET"。 | | 3 | timeout | Number | 设置请求超时时间(毫秒)。此设置将覆盖全局设置。 | | 4 | beforeSend | Function | 发送请求前调用此函数,如果返回 false 可以取消本次 ajax 请求。 | | 5 | success | Function | 请求成功后的回调函数。参数由服务器返回,并根据 dataType 参数进行处理后的数据; | | 6 | error | Function | 请求失败时调用此函数。 | | 7 | complete | Function | 请求完成后回调函数 (请求成功或失败之后均调用) |