jQuery手册地址:https://jquery.cuishifeng.cn/
get请求
$.get("test.json", {
"id": "10001",
"name": "小白",
"age": "18岁"
}, function (data) {
console.log(data)
})
接收两个参数,第一个是url地址,第二个是回调函数
也可以接收三个参数,可以将queryString的内容通过JSON添加进去
注意:
- 顺序不能乱,第一个参数是url地址,第二个参数是queryString的数据(JSON形式传入),第三个参数是回调函数
- jQuery中如果请求了一个不存在的页面,控制台会报错,并且不会继续执行后面回调函数的内容
请求回来的数据jQuery已经帮我们封装了数据解析,将原生的Ajax的responseText返回的字符串解析成了可读的JSON数据结构,不需要再进行eval和JSON.parse等等操作了
post请求
post请求使用方法和get请求使用方法和注意事项相同
$.post("test.json", {
"id": 10005,
"name": "小诶",
"age": "23岁"
}, function (data) {
console.log(typeof data)
})
$.ajax()请求
$.ajax()请求的使用方法和get和post基本使用方法是相同的,将功能进行了细化
$.ajax("test.json", {
"type": "post",
"data": {
"id": "10001",
"name": "小白",
"age": "18岁"
},
"success": function (data, textStatus) {
console.log(data, textStatus)
},
"error": function () {
}
})
- 第一个参数指的是请求的文件地址
- 第二个参数是一个JSON数据,内部又一些固定参数
- type:是请求类型
- data:当前请求携带的参数
- success: 请求成功的回调函数
- error:请求失败的回调函数