3、你是如何使用 jQuery 中的 ajax 的?(必会)[通俗易懂]

3、你是如何使用 jQuery 中的 ajax 的?(必会)[通俗易懂]1、$.ajax,这个是 JQuery 对 ajax 封装的最基础函数,通过使用这个函数可以完成异步通讯的所有功能。也就是说什么情况下我们都可以

大家好,欢迎来到IT知识分享网。

1、$.ajax,这个是 JQuery 对 ajax 封装的最基础函数,通过使用这个函数可以完成异步通讯的所有功能。也就是说什么情况下我们都可以通过此方法进行异步刷新的操作。但是它的参数较多,有的时候可能会麻烦一些。看一下常用的参数:

var configObj = {

method //数据的提交方式:get 和 post

url //数据的提交路劲

async //是否支持异步刷新,默认是 true

data //需要提交的数据

dataType //服务器返回数据的类型,例如 xml,String,Json 等

success //请求成功后的回调函数

error //请求失败后的回调函数

}

$.ajax(configObj);//通过$.ajax 函数进行调用。

2、$.post,这个函数其实就是对$.ajax 进行了更进一步的封装,减少了参数,简化了操作,但是运用的范围更小了。$.post 简化了数据提交方式,只能采用 POST 方式提交。只能是异步访问服务器,不能同步访问,不能进行错误处理。在满足这些情况下,我们可以使用这个函数来方便我们的编程,它的主要几个参数,像 method,async 等进行了默认设置,我们不可以改变的。

url:发送请求地址。

data:待发送 Key/value 参数。

callback:发送成功时回调函数。

type:返回内容格式,xml, html, script, json, text,_default。

3、$.get,和$.post 一样,这个函数是对 get 方法的提交数据进行封装,只能使用在 get 提交数据解决异步刷新的方式上,使用方式和$.post 差不多。

4、 $.getJSON,这个是进一步的封装,也就是对返回数据类型为 Json 进行操作。里边就三个参数,需要我们设置,非常简单:url,[data],[callback]。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/6955.html

(0)
上一篇 2023-01-03 09:54
下一篇 2023-01-03 09:54

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信