jQuery中ajax的使用

本文介绍: 内部会自动将data 对象转换成 x–www–form–urlencode d的形式，data中我们也可以传递字符串。如果要传递 json 格式数据，需要设置 contentTy pe和将data写成json 字符串的形式（可以用JSON.stringify 方法转换）该回调函数中的第一个参数是服务器返回的数据（拿到的只是数据），它会自动根据服务端响应的 Con t ent–type 自动转换为对象，如果服务端没有设置响应头Con t ent–type，返回的还是字符串类型的数据。如果是 POST 请求，系统就通过设置请求体传递。

$ .ajax()方法概述
在jQue ry中也为大家封装好了一些ajax 方法。内部会自动将data 对象转换成 x–www–form–urlencode d的形式，data中我们也可以传递字符串。如果要传递 json 格式数据，需要设置 contentTy pe和将data写成json 字符串的形式（可以用JSON.stringify 方法转换）
作用：发送Aja x 请求。

1.jQue ry中ajax的基本使用
 url：请求地址
 type：请求方式
 get或者post
d a t a：发送到服务器的数据（将自动转换为请求字符串格式）
发送到服务器的数据，格式是js on 格式或者js on 字符串格式。如果是 GET 请求，系统就通过 url 传递；如果是 POST 请求，系统就通过设置请求体传递。
success：请求成功的回调函数
该回调函数中的第一个参数是服务器返回的数据（拿到的只是数据），它会自动根据服务端响应的 Con t ent–type 自动转换为对象，如果服务端没有设置响应头Con t ent–type，返回的还是字符串类型的数据。

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

还有一个参数，dataTy p e要注意一下

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