参考资料
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