ajax的三次封装简单概况
原生ajax:
readyState 准备状态
status 页面状态
send 发送请求
open 打开对象,设置请求
XMLHttpRequest 火狐 谷歌 等浏览器适用
ActiveXObject IE适用
ajax第一次封装 (内容顺序不唯一)
$.ajax({
url:"",//路径
data:{},//传递的参数
type:"",//提交方式post/get
dataType:"",//预期服务器返回的数据类型json/text
success:function (){},//成功时的回调函数
error:function (){},//失败时的回调函数
async: true/false 是否异步
});
ajax第二次封装 (内容顺序唯一)
$.post(
"",//url路径
{},//data传递的参数
function(){},//成功时的回调函数success
"" //第一次封装dataType => 第二次封装type 预期服务服务器返回的数据类型 json/text
)
$.get(
"",//url路径
{},//data传递的参数
function(){},//成功时的回调函数success
"" //第一次封装dataType => 第二次封装type 预期服务服务器返回的数据类型 json/text
)
$("#div1").load(//括号中是对象
"",//规定要将请求发送到哪个 URL。
{data},//可选。规定连同请求发送到服务器的数据。
function(responseTxt,statusTxt,xhr){//可选。规定当请求完成时运行的函数。
//response - 包含来自请求的结果数据
//status - 包含请求的状态("success", "notmodified", "error", "timeout" 或 "parsererror")
//xhr - 包含 XMLHttpRequest 对象
if(statusTxt=="success")
alert("加载成功!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
ajax第三次封装
$.getJSON(//只接收json类型的数据
"",//url 路径
{},//data 传递的数据
function (){//success成功时的回调函数
}
);
$.getScript(
"http://localhost:8080/demo.js",//url路径(可以是不同的项目中)
function (){//success成功时的回调函数
alert("成功的执行了js文件,划拉");
}
);