jQuery中的Ajax的一些方法

小咪咪 2022-05-25 13:42 177阅读 0赞

jquery对Ajax操作进行了封装，在jquery中的$.ajax()方法属于最底层的方法，

还有load()、$.get()、$.post()、$.getScript()、$.getJSON()等

## **load()方法** ##

load()方法是jquery中最简单和常用的ajax方法，能载入远程HTML代码并插入DOM中 结构为：load(url,\[data\],\[callback\])  
使用url参数指定选择符可以加载页面内的某些元素 load方法中url语法：url selector **注意：url和选择器之间有一个空格**  
**传递方式**  
load()方法的传递方式根据参数data来自动指定，如果没有参数传递，则采用GET方式传递，反之，采用POST  
**回调参数**  
必须在加载完成后才执行的操作，该函数有三个参数 分别代表请求返回的内容、请求状态、XMLHttpRequest对象  
只要请求完成，回调函数就会被触发  
$("\#testTest").load("test.html",function(responseText,textStatus,XMLHttpRequest)\{  
    //respnoseText 请求返回的内容  
    //textStatus 请求状态 ：sucess、error、notmodified、timeout  
    //XMLHttpRequest   
\})  
**load方法参数**  
参数名称                           类型                   说明  
url                                   String                   请求HTML页面的URL地址  
data(可选)                   Object                   发送至服务器的key / value数据  
callback(可选)                   Function           请求完成时的回调函数，无论是请求成功还是失败

## **$.get()和$.post()方法** ##

load()方法通常用来从web服务器上获取静态的数据文件。在项目中需要传递一些参数给服务器中的页面，那么可以使用$.get()和$.post()或$.ajax()方法  
注意：$.get()和$.post()方法是jquery中的全局函数  
**$.get()方法**  
$.get()方法使用GET方式来进行异步请求  
结构为：$.get(url,\[data\],callback,type)  
如果服务器返回的内容格式是xml文档，需要在服务器端设置Content-Type类型 代码如下：header("Content-Type:text/xml:charset=utf-8") //php  
$.get()方法参数解析  
参数                                类型                     说明  
url                                String             请求HTML页的地址  
data(可选)                Object              发送至服务器的key/ value 数据会作为QueryString附加到请求URL中  
callback(可选)                Function              载入成功的回调函数（只有当Response的返回状态是success才调用该方法）  
type(可选)                String              服务器返回内容的格式，包括xml、html、script、json、text和\_default  
**$.post()方法**  
它与$.get()方法的结构和使用方式相同，有如下区别  
GET请求会将参数跟张乃URL后进行传递，而POST请求则是作为Http消息的实体内容发送给web服务器，在ajax请求中，这种区别对用户不可见  
GET方式对传输数据有大小限制（通常不能大于2KB），而使用POST方式传递的数据量要比GET方式大得多（理论不受限制）  
GET方式请求的数据会被浏览器缓存起来，因此其他人可以从浏览器的历史纪录中读取这些数据，如：账号、密码。在某种情况下，GET方式会带来严重的安全问题，而POST相对来说可以避免这些问题  
GET和POST方式传递的数据在服务端的获取也不相同。在PHP中，GET方式用$\_GET\[\]获取；POST方式用$\_POST\[\]获取;两种方式都可用$\_REQUEST\[\]来获取  
**总结**  
使用load()、$.get()和$.post()方法完成了一些常规的Ajax程序，如果还需要复杂的Ajax程序，就需要用到$.ajax()方式

## $.ajax()方法 ##

$.ajax()方法是jquery最底层的Ajax实现，它的结构为$.ajax(options)

该方法只有一个参数，但在这个对象里包含了$.ajax()方式所需要的请求设置以及回调函等信息，参数以key / value存在，所有参数都是可选的’

$.ajax({
       type: 'POST',
       url: url,
       data: data,
       dataType: dataType,
       success: function () {},
       error: function () {}
    });