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..
|
22天前
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
16 1
|
4月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
55 0
|
2月前
|
JavaScript 前端开发 Java
jquery ajax+spring mvc上传文件
jquery ajax+spring mvc上传文件
|
3月前
|
前端开发 JavaScript
Jquery ajax捕获错误信息
Jquery ajax捕获错误信息
16 0
|
3月前
|
JSON 缓存 前端开发
Jquery中AJAX的应用
Jquery中AJAX的应用
41 0
|
4月前
|
XML JavaScript 前端开发
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
48 0
|
4月前
|
前端开发 JavaScript API
【uni-app】【基于jQuery Ajax】[sd.js]最新原生完整版for凯哥API版本
【uni-app】【基于jQuery Ajax】[sd.js]最新原生完整版for凯哥API版本
|
XML 开发框架 缓存
jQuery ajax - ajax()方法
jQuery ajax - ajax()方法
144 0
jQuery ajax - ajax()方法
|
JSON JavaScript 前端开发
|
Web App开发 XML JavaScript
jQuery ajax - ajax() 方法
jQuery ajax - ajax() 方法 http://www.w3school.com.cn/jquery/ajax_ajax.asp jQuery Ajax 参考手册 实例 通过 AJAX 加载一段文本: jQuery 代码: $(document).
1129 0