1、执行AJAX请求
通过 ajax() 方法,执行 AJAX 请求。
- “type”:“post”:设置 AJAX 请求类型为POST。
- “url”:“res/jquery/php/user.php”:设置 AJAX 请求的 URL 地址。
- “data”:{“userName”:“林俊杰”}:设置 AJAX 将要发送到服务器的数据。
- “dataType”:“json”:设置服务器响应的数据类型为 JSON 类型。
- “error”:function(){…}:设置 AJAX 请求失败时,将要执行的函数。
- “success”:function(data){…}:设置 AJAX 请求成功时,将要执行的函数。data为服务器响应数
示例代码
$.ajax({
url: "xxxx", // 路径
type: "get"||"post", // 请求格式
method: "get"||"post", // 请求格式
// 本质上type与method两个配置项是没有区别的,区别在于两者出现的时间不同,
// 1.9.0版本出的method
// type对于目前jQuery的版本全部兼容,
async:true||false, // 布尔值,表示请求是否异步处理。默认是true。
timeOut:1000, // 设置本地的请求超时时间(以毫秒为单位)。
data:data, // 规定要发送到服务器的数据。
// data:{name:'小明',age:18}
dataType:'json', // 预期服务器返回的数据类型
headers:{} // 设置请求头
// headers: {
// 'Content-Type ' = "application/json; charset=utf-8"
// },
success:function(data){
},
error:function(data){
},
beforeSend:function(xhr,r){
xhr.setRequestHeader({}) //自定义头部信息
},
complete:function(){}
})
// json字符串转为json对象
// console.log(JSON.parse(jsonStr))
// json对象转为json字符串
// var str = JSON.stringify(jsonObj)
GET、POST简写形式
// 简写get请求
$.get('js/data.json', { name: 'tom', age: 19 }, function (data) {
// 请求成功业务逻辑
console.log(data);
});
// 简写post请求
$.post('url',
{
username: $("#username").val(),
password: $("#password").val()
},
function (data) {
// 请求成功业务逻辑
console.log(data);
});
post提交form表单格式
'Content-Type' = 'application/x-www-form-urlencoded'
json(默认)
'Content-Type ' = "application/json'
上传文件
'Content-Type ' = 'multipart/form-data'
文本
'Content-Type' = 'text/ xml'
jQuery 调用 ajax 方法
格式:$.ajax({});
参数:
type:请求方式GET/POST
url: 请求地址 url
async:是否一步,默认是 true 表示异步
data:发送到服务器的数据
dataType:预期服务器返回的数据类型
contentType:设置请求头
success:请求成功时调用此函数
error:请求失败时调用此函数
2、ajax() 方法,更多参数设置:
参数 | 说明 |
---|---|
async | 布尔值,表示请求是否异步处理。默认是true。 |
beforeSend(Function) | 发送请求前运行的函数。 |
cache | 布尔值,表示浏览器是否缓存被请求页面。默认是true。 |
complete(Function) | 请求完成时执行的函数(在请求成功或失败之后均调用)。 |
contentType | 发送数据到服务器时所使用的内容编码类型。 |
data | 规定要发送到服务器的数据。 |
dataType | 服务器响应的数据类型。 |
error(Function) | 请求失败时执行的函数。 |
global | global 布尔值,规定是否为请求触发全局AJAX事件处理程序。默认是true。 |
ifModified | 布尔值,仅在服务器数据改变时获取新数据,默认是false。 |
jsonp | 在一个jsonp请求中重写回调函数的名字。 |
jsonpCallback | 为jsonp请求指定一个回调函数名。 |
password | 规定在HTTP访问认证请求中使用的密码。 |
username | 规定在HTTP访问认证请求中使用的用户名 |
processData | 布尔值,规定通过请求发送的数据是否转换为查询字符串。默认是true。 |
scriptCharset | 规定请求的字符集。 |
success(Function) | 请求成功时执行的函数。 |
timeout | timeout 设置本地的请求超时时间(以毫秒为单位)。 |
type | 规定请求的类型(GET或POST)。 |
url | 规定请求的URL地址。默认是当前页面。 |