$.ajax,$.post,$.get参数详解

前端之家收集整理的这篇文章主要介绍了$.ajax,$.post,$.get参数详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.ajax 参数

$.ajax(options);

url(String):发送请求的地址。

type(String):默认: "GET") 请求方式 ("POST" 或 "GET")。

async:true;默认为true,为异步请求,false为同步请求。

beforeSend(function);发送请求前可修改 XMLHttpRequest 对象的函数

function(XMLHttpRequest){

--this//

}

cache:true;默认true,设置为false将不会从浏览器缓存中加载请求信息。

complete(function);请求完成后回调函数

function (XMLHttpRequest,textStatus) {
this; // 调用本次AJAX请求时传递的options参数
}

contentType:'application/x-www-form-urlencoded';发送信息至服务器时内容编码类型。

data:{value:'text'};发送到服务器的数据。

dataFilter(function):给Ajax返回的原始数据的进行预处理的函数

function (data,type) {
// 对Ajax返回的原始数据进行预处理
return data // 返回处理后的数据
}

dataType(String):预期服务器返回的数据类型。默认返回 responseXML 或 responseText。(xml,html,script,json,jsonp,text)。

error(function);(默认: 自动判断 (xml 或 html)) 请求失败时调用.

function (XMLHttpRequest,textStatus,errorThrown) {
// 通常 textStatus 和 errorThrown 之中
// 只有一个会包含信息
this; // 调用本次AJAX请求时传递的options参数
}

success(function);请求成功后回调函数。参数:服务器返回数据,数据格式。

function (data,textStatus) {
// data 可能是 xmlDoc,jsonObj,text,等等...
this; // 调用本次AJAX请求时传递的options参数
}

username (String) : 用于响应HTTP访问认证请求的用户名

timeout (Number) : 设置请求超时时间(毫秒)。此设置将覆盖全局设置。

global (Boolean) : (默认: true) 是否触发全局 AJAX 事件。设置为 false 将不会触发全局 AJAX 事件。

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

jsonp (String) : 在一个jsonp请求中重写回调函数的名字。这个值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分,比如{jsonp:'onJsonPLoad'}会导致将"onJsonPLoad=?"传给服务器。

password (String) : 用于响应HTTP访问认证请求的密码

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

scriptCharset (String) : 只有当请求时dataType为"jsonp"或"script",并且type是"GET"才会用于强制修改charset。通常在本地和远程的内容编码不同时使用。

示例:

$.ajax({
type: "POST",
url: "some.PHP",
data: "name=John&location=Boston",
success: function(msg){
alert( msg );
}
});

2.$.post();参数

url:规定把请求发送到哪个 URL。

data:请求发送到服务器的数据。

dataType:服务器响应的数据类型,默认智能判断(xml,html)。

success(data,XHR) :请求成功时执行的回调函数

示例:

$.post(

url:'test.html',

data:{value:'测试'},

dataType:'json',

function(data,xhr){

if(textStatus=='success'){

---执行

}

});

3.$.get();参数

url:请求发送的url。

data:发送到服务器的数据。

dataType:服务器响应数据类型;默认智能判断(xml,scritp,jsonp)

success(response,status,xhr):回调函数,response-来自请求的结果数据;status-包含请求状态;xhr-包含XMLHttpRequest对象。

等价于:

$.ajax({

type: 'GET',

url: url,

data: data,

success: success,

dataType: dataType

});

原文链接:https://www.f2er.com/ajax/162690.html

猜你在找的Ajax相关文章