0
点赞
收藏
分享

微信扫一扫

jQuery中的Ajax的一些方法

_karen 2023-03-06 阅读 84


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 () {}
});



举报

相关推荐

0 条评论