首页 前端知识 jQuery中ajax的使用

jQuery中ajax的使用

2024-05-09 11:05:39 前端知识 前端哥 665 103 我要收藏

$ .ajax()方法概述
在jQuery中也为大家封装好了一些ajax方法。内部会自动将data对象转换成x-www-form-urlencoded的形式,data中我们也可以传递字符串。如果要传递json格式数据,需要设置contentType和将data写成json字符串的形式(可以用JSON.stringify方法转换)
作用:发送Ajax请求。
 

1.jQuery中ajax的基本使用
url:请求地址
type:请求方式
get或者post
data:发送到服务器的数据(将自动转换为请求字符串格式)
发送到服务器的数据,格式是json格式或者json字符串格式。如果是 GET 请求,系统就通过 url 传递;如果是 POST 请求,系统就通过设置请求体传递。
success:请求成功的回调函数
该回调函数中的第一个参数是服务器返回的数据(拿到的只是数据),它会自动根据服务端响应的 Content-type 自动转换为对象,如果服务端没有设置响应头Content-type,返回的还是字符串类型的数据。
 
 

$.ajax({
url: 'demo.json',
type: 'post',
data: {
id: 1,
name: '张三'
},
success: function (res) {
console.log(res);
}
});
复制

还有一个参数,dataType要注意一下

$.ajax({
url: 'demo.json',
type: 'get',
// 设置的是请求参数
data: {
id: 1,
name: '张三'
},
dataType: 'json', // 用于设置响应体的类型 注意 跟 data 参数没关系!!!
success: function (res) {
// 一旦设置的 dataType 选项,就不再关心 服务端 响应的 Content-Type 了
// 客户端会主观认为服务端返回的就是 JSON 格式的字符串
console.log(res);
}
});
复制

转载请注明出处或者链接地址:https://www.qianduange.cn//article/7709.html
标签
okhttp
评论
还可以输入200
共0条数据,当前/页
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!