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..
|
19天前
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
16 1
|
1月前
|
开发框架 前端开发 JavaScript
使用JavaScript、jQuery和Bootstrap构建待办事项应用
使用JavaScript、jQuery和Bootstrap构建待办事项应用
11 0
|
1月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
19 1
|
1月前
|
JavaScript 前端开发
jQuery第一天---六大功能的简单应用
jQuery第一天---六大功能的简单应用
31 0
|
1月前
|
JavaScript 前端开发
node.js第四天--ajax在项目中的应用
node.js第四天--ajax在项目中的应用
26 0
|
2月前
|
JavaScript 前端开发 Java
jquery ajax+spring mvc上传文件
jquery ajax+spring mvc上传文件
|
3月前
|
前端开发 JavaScript
Jquery ajax捕获错误信息
Jquery ajax捕获错误信息
15 0
|
3月前
|
设计模式 开发框架 前端开发
ajax应用设计模式,Ajax设计模式下Web开发的研究与应用
ajax应用设计模式,Ajax设计模式下Web开发的研究与应用
|
3月前
|
开发者
jQuery.Deferred 在 SAP UI5 源代码中的应用分析
jQuery.Deferred 在 SAP UI5 源代码中的应用分析
17 0
|
JavaScript 前端开发 UED
精心挑选的12款优秀 jQuery Ajax 分页插件和教程
  在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示。Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 jQuery 框架很容易实现各种基于 Ajax 技术实现的功能。
1145 0