Jquery中AJAX的应用

简介: Jquery中AJAX的应用

$.ajax() 基于原生JS的AJAX四步操作进行封装

  • 写法
  • $.ajax([URL].[OPTIONS])
  • 配置项信息
  • url: 请求的api接口地址
  • methods: HTTP请求方式,默认为GET
  • data: 传递给服务器的信息,默认是null(可以是字符串,可以是对象,而且如果是GET系列请求,JQ会自动把信息拼接到URL的末尾,基于问号传参传递给服务器;如果是POST请求,JQ会基于请求主体,把信息传递给服务器)
  • dataType: 预设服务器返回的结果格式(服务器返回的一般都是JSON格式的字符串,如果我们设置了DATA-TYPE,JQ会根据设置的类型,把服务器返回的结果处理为对应的格式),支持的内容 text / json / xml / html / script / jsonp(跨域) 注意:它不影响服务器的返回的结果,只是把服务器返回的结果进行二次处理,得到对应的格式
  • async: 是否为异步,默认为 true
  • cache: 缓存处理,只对 GET 系列请求有作用,默认是TRUE(不处理缓存),当我们设置FALSE后,JQ帮我们在URL的末尾设置一个随机数。
  • contentType: 设置我们要传递给服务器内容的格式类型 默认是"application/x-www-form-urlencoded"
  • 客户端传递给服务器信息的格式(类型一般都是字符串),常用的 :
  • from-data 表单数据:JSON格式 ‘{“name”:“xiaomei”,“age”: 18}’
  • x-www-form-urlencoded: name=xxx&age=18
  • raw: 纯文本格式
  • headers: 设置请求头信息,它是一个对象
  • timeout: 设置超时的时间
  • success: 回调函数,当数据请求成功执行,方法中的参数就是从服务器获得的结果
  • error: 回调函数,当数据请求失败,方法中的参数就是从服务器获得的结果
目录
相关文章
N..
|
1月前
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
18 1
|
1月前
|
开发框架 前端开发 JavaScript
使用JavaScript、jQuery和Bootstrap构建待办事项应用
使用JavaScript、jQuery和Bootstrap构建待办事项应用
13 0
|
1月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
22 1
|
1月前
|
JavaScript 前端开发
jQuery第一天---六大功能的简单应用
jQuery第一天---六大功能的简单应用
31 0
|
1月前
|
JavaScript 前端开发
node.js第四天--ajax在项目中的应用
node.js第四天--ajax在项目中的应用
27 0
|
2月前
|
JavaScript 前端开发 Java
jquery ajax+spring mvc上传文件
jquery ajax+spring mvc上传文件
|
3月前
|
前端开发 JavaScript
Jquery ajax捕获错误信息
Jquery ajax捕获错误信息
16 0
|
3月前
|
设计模式 开发框架 前端开发
ajax应用设计模式,Ajax设计模式下Web开发的研究与应用
ajax应用设计模式,Ajax设计模式下Web开发的研究与应用
|
3月前
|
开发者
jQuery.Deferred 在 SAP UI5 源代码中的应用分析
jQuery.Deferred 在 SAP UI5 源代码中的应用分析
17 0
|
5月前
|
XML 前端开发 JavaScript
什么是Ajax和jquery
什么是Ajax和jquery
39 0