刘月林 | jQuery ajax - ajax() 方法

参考资料
W3school: jQuery ajax - ajax() 方法
脚本之家: 基于Jquery Ajax type的4种类型(详解)

定义和用法:

ajax() 方法通过 HTTP 请求加载远程数据。
该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。
最简单的情况下,$.ajax() 可以不带任何参数直接使用。
注意:所有的选项都可以通过 $.ajaxSetup() 函数来全局设置。

语法
jQuery.ajax([settings])

基本参数

参数 类型 说明
url String 默认值:当前页地址。发送请求的地址。
type String 默认值"GET")。请求方式 ("POST" 或 "GET") 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。
dataType String 预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数. 可用值
data String 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。

实例:

 $.ajax({
    url: '../php/action.php',
    type: 'POST',
    dataType: 'html',
    data: {act: 'login', username: username,password: password}
  })

Ajax type 详解

1、GET请求会向数据库发索取数据的请求,从而来获取信息,该请求就像数据库的select操作一样,只是用来查询一下数据,不会修改、增加数据,不会影响资源的内容,即该请求不会产生副作用。无论进行多少次操作,结果都是一样的。
2、与GET不同的是,PUT请求是向服务器端发送数据的,从而改变信息,该请求就像数据库的update操作一样,用来修改数据的内容,但是不会增加数据的种类等,也就是说无论进行多少次PUT操作,其结果并没有不同。
3、POST请求同PUT请求类似,都是向服务器端发送数据的,但是该请求会改变数据的种类等资源,就像数据库的insert操作一样,会创建新的内容。几乎目前所有的提交操作都是用POST请求的。
4、DELETE请求顾名思义,就是用来删除某一个资源的,该请求就像数据库的delete操作。

简单归纳:

  • POST /url 创建
  • DELETE /url/xxx 删除
  • PUT /url/xxx 更新
  • GET /url/xxx 查看

刘月林
写于浙江宁波
2018/09/19

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,009评论 19 139
  • Spring Web MVC Spring Web MVC 是包含在 Spring 框架中的 Web 框架,建立于...
    Hsinwong阅读 22,600评论 1 92
  • 今天露露姐姐因为要上班,所以把张培轩丢给了我,说是让我当一回大人,照顾张培轩一天。露露姐姐还在临走前叮嘱我...
    蔡思言阅读 267评论 0 1
  • hahaoo阅读 253评论 0 0
  • 往日时光-额尔古纳乐队 “十八岁以前,我在这里的记忆是,母亲坐在织布机前忙碌,父亲拿着一把锄头,汗水湿透衣襟。我拿...
    敬心k阅读 722评论 0 0