一、ajax实现get或post的请求的封装
1、$.ajax({});
2、url 接口的地址
3、type 请求方式 要结合后台
4、timeout 请求超时 单位:ms
比如:
timeout:3000;
同时服务器需要设置线程暂停sleep(4);
请求失败之后的回调
error:function(e){
if(e.statusText=="timeout"){
alert("请求超时,请重试);
}
}
5、dataType 设置响应数据的格式
响应数据的格式包括:xml json text html script jsonp
同时要查看后台服务器返回的数据格式,针对性的进行参数设置。
根据用户传入的dataType进行数据的转换接收
if(dataType == "json"){
var result = JSON.parse(xhr.responseText);
}else if(dataType == "xml"){
var result = xhr.responseText;
}else{
var result = xhr.responseText;
}
6、data 发送请求数据 对象的格式
7、beforeSend:function(){} 发送请求之前的调用
在这个回调中,我们可以进行一些请求之前的相关操作,比如:验证
在这个回调函数中,如果return false,那么本次请求会终止。
8、success 成功响应后调用
9、error 错误响应时调用 响应状态不是200的时候 直接进入error
10、complete:function(){} 响应完成时调用 (无论请求成功还是失败)
这个回调函数,主要实现一些全局成员的释放,或者页面状态的重置,...
11、$("form").serialize() 格式化key=value&key=value
可以通过表单序列化的方式来收集用户数据
这个方法是jquery中的方法,需要jquery对象来调用
这个方法可以将表单中所有name属性的表单元素的值收集起来,生成key=value&key=value这种结构
在ajax中支持两种格式的参数,一是对象,二是参数格式字符串
二、以get方式发送请求
$.get(url,data,success,dataType) 只能发送get请求
参数的说明:
url:请求的url
Data:请求所传递的数据
success 成功之后的回调
datatype 我们需要返回的数据的格式
三、以post方式发送请求
$.post(url,data,success,dataType) 只能发送post请求
参数的说明:
url:请求的url
Data:请求所传递的数据
success 成功之后的回调
datatype 我们需要返回的数据的格式