jQuery基础总结–jQuery的AJAX(四)

继续接上篇jQuery基础总结–JQuery选择器与DOM操作(三)

jQuery对Ajax的应用

jQuery对Ajax请求进行了封装,并为用户提供了多种不同的方法。具体方法如下:

jQuery基础总结--jQuery的AJAX(四)

$.ajax()

$.ajax() 是 jQuery 底层AJAX实现,用户扩展程度高,灵活。

其语法为:

$.ajax({option});

多数的参数都通过option指定。

$.ajax()函数的option参数

jQuery基础总结--jQuery的AJAX(四)

jQuery基础总结--jQuery的AJAX(四)

$.load()

$.load()是jQuery中最简单和常用的AJAX方法,能载入远程的HTML代码并插入DOM中。

语法如下:

load(url, [data], [callback]);

url: 请求HTML 网页网址。

data: 发送至服务器的key/value数据(可选)。

callback: 请求完成时的回调函数。

注意:在load方法中,无论请求是否成功,只要当请求完成后,回调函数就会被触发。

$.get()

$.get()即使用get方式来进行异步请求。

其语法如下:

$.get(url, [data], [callback], [type])

jQuery基础总结--jQuery的AJAX(四)

$.post()

$.post()即使用post方式来进行异步请求。

其语法如下:

$.post(url, [data], [callback], [type])

jQuery基础总结--jQuery的AJAX(四)

$.get()与$.post()区别

$.post()的结构和用法与$.get()一致主要区别如下:

1、GET请求会将参数跟在URL后进行传递,而POST请求则是作为HTTP消息的实体内容发送给Web服务器;

2、GET方式对传输的数据有大小限制(通常不能大于2KB),而使用POST方式传输的数据量要比GET方式大得多(理论上不受限制);

3、GET方式请求的数据会被浏览器缓存起来,并且可以从浏览器历史记录中读取到这些数据,如账号密码,带来严重的安全问题,而POST方式可以避免;

4、GET方式和POST方式传递的数据在服务器端的获取也不相同。

未完待续...

下篇传送阵:jQuery基础总结–JSON(五)

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen: