jQuery中ajax的使用

简介: jQuery中ajax的使用

$ .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);
            }
        });


相关文章
N..
|
6月前
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
65 1
|
XML 前端开发 JavaScript
什么是Ajax和jquery
什么是Ajax和jquery
85 0
|
2月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
32 1
|
6月前
|
JSON 缓存 前端开发
Jquery中AJAX的应用
Jquery中AJAX的应用
77 0
|
6月前
|
JSON 前端开发 JavaScript
jQuery中ajax的使用
jQuery中ajax的使用
|
XML JSON 前端开发
jQuery中的Ajax
jQuery中的Ajax
110 0
|
XML JSON JavaScript
jQuery 中的AJAX
jQuery 中的AJAX
80 0
|
JSON 前端开发 JavaScript
jQuery中 ajax的使用
jQuery中 ajax的使用
108 0
|
JSON JavaScript 前端开发
Jquery 中Ajax使用的四种情况
         $(document).ready(function(){   //Jquery 页面加载事件,当页面加载之后首先执行这个方法                  //第一种Ajax请求         $.
850 0
|
JSON 前端开发 JavaScript
第111天:Ajax之jQuery实现方法
由于jQuery中的Ajax方法是用了内置的deferred模块,是Promise模式的一种实现,而我们这里没有讲过,所以我们就不使用这一模式啦。 我们只定义一个Ajax方法,他可以简单的get,post,jsonp请求就可以了。
1212 0