$.ajax
$.ajax是jQuery中ajax最底层的实现,参数只有一个,对象{}
语法:
$.ajax({
"url":请求地址,
"type":请求方式(get/post) 默认是get
"data":"", 请求参数
"timeOut":请求超时时间 单位是ms
"dataType":预期服务器返回的数据类型,XML,html,script,json,jsonp,text,
"success":function(data) 请求成功后调用的函数,data请求到的数据
"error":function(err) 请求失败后调用的函数,err错误
"complete":function(data):请求完成后调用,成功或失败都会调用
"global":true 是否触发全局ajax事件,默认true
})
实例:
$.ajax({
"url":"https://easy-mock.com/mock/5ac31804c0c390592291124f/take/goods#!method=get",
"success":function (data) {
console.log(data); //请求到的数据
},
"error":function(err){
console.log(err);//XMLHTTPRequest对象
},
"complete":function(ajax){
console.log(ajax); //XMLHTTPRequest对象
}
})
3. . g e t ( ) , .get(), .get(),.post()
//1.$.get("url","发送到后端的数据",callback)
$.get("https://easy-mock.com/mock/5ac31804c0c390592291124f/take/goods#!method=get",function (data) {
console.log(data);
})
//$.post(url,"发送到后端的数据",callback)
$.post("good.json",function (data) {
console.log(data);
})
get一般用来进行查询操作,url地址有长度限制,请求的参数都暴露在url地址当中,如果传递中文参数,需要自己进行编码操作,安全性较低。
post请求方式主要用来提交数据,没有数据长度的限制,提交的数据内容存在于http请求体中,数据不会暴漏在url地址中。