jQuery 拥有供 AJAX 开发的丰富函数(方法)库。

什么是 AJAX?

AJAX = Asynchronous JavaScript and XML.

AJAX 是一种创建快速动态网页的技术。

AJAX 通过在后台与服务器交换少量数据的方式,允许网页进行异步更新。这意味着有可能在不重载整个页面的情况下,对网页的一部分进行更新。

AJAX 和 jQuery

jQuery 提供了用于 AJAX 开发的丰富函数(方法)库。

通过 jQuery AJAX,使用 HTTP Get 和 HTTP Post,您都可以从远程服务器请求 TXT、HTML、XML 或 JSON。

而且您可以直接把远程数据载入网页的被选 HTML 元素中!

写的更少,做的更多

jQuery 的 load 函数是一种简单的(但很强大的)AJAX 函数。它的语法如下:

$(selector).load(url,data,callback)

请使用 selector 来定义要改变的 HTML 元素,使用 url 参数来指定数据的 web 地址。

查看示例

只有当您希望向服务器发送数据时,才需要使用 data 参数。只有当您需要在执行完毕之后触发一个函数时,您才需要使用 callback 参数。

Low Level AJAX

$.ajax(options) 是低层级 AJAX 函数的语法。

$.ajax 提供了比高层级函数更多的功能,但是同时也更难使用。

option 参数设置的是 name|value 对,定义 url 数据、密码、数据类型、过滤器、字符集、超时以及错误函数。

查看示例

jQuery AJAX 请求

请求 描述
$(selector).load(url,data,callback) 把远程数据加载到被选的元素中
$.ajax(options) 把远程数据加载到 XMLHttpRequest 对象中
$.get(url,data,callback,type) 使用 HTTP GET 来加载远程数据
$.post(url,data,callback,type) 使用 HTTP POST 来加载远程数据
$.getJSON(url,data,callback) 使用 HTTP GET 来加载远程 JSON 数据
$.getScript(url,callback) 加载并执行远程的 JavaScript 文件

(url) 被加载的数据的 URL(地址)

(data) 发送到服务器的数据的键/值对象

(callback) 当数据被加载时,所执行的函数

(type) 被返回的数据的类型 (html,xml,json,jasonp,script,text)

(options) 完整 AJAX 请求的所有键/值对选项

最新文章

  1. java基础集合经典训练题
  2. AX7: Overlayering and extensions
  3. usb驱动开发21之驱动生命线
  4. jquery检测浏览器版本
  5. 2.5---链表来进行加法,链式A+B(CC150)
  6. Networkcommd V3 新功能之一 拒绝服务攻击防护 ( DOSProtection)
  7. UnionPay,ChinaPay 最新 银联支付接口C#\Asp.net\MVC 版本
  8. IDC机房动力环境设备维护
  9. mac os x 10.9.1 安装 Homebrew软件包管理工具及brew安装maven3.1.1
  10. DOM事件处理程序-事件对象-键盘事件
  11. rem单位
  12. C++-传值与传引用的差别
  13. 如何发布第一个WP8.1程序(VisualStudio2015)
  14. HOW TO LINK THE TRANSACTION_SOURCE_ID TO TRANSACTION_SOURCE_TYPE_ID
  15. POI操作excle
  16. LR、Poly2、FM、FFM
  17. hdu 1072(BFS) 有炸弹
  18. 6.基本数据结构-双端队列(Deque)
  19. JAVAEE——SSH项目实战05:用户注册、登陆校验拦截器、员工拜访客户功能和MD5加密
  20. Java动态代理(一)动态类Proxy的使用

热门文章

  1. ACM学习历程—Hihocoder 1291 Building in Sandbox(dfs && 离线 && 并查集)
  2. <Yii 学习>写入日志
  3. 隐藏select中的“请选择”项
  4. js整数千分化
  5. JDBC小常识
  6. linux下安装composer
  7. Unix文件指令-Mac终端命令应用
  8. STM32 -- 硬件知识
  9. Fork/Join框架介绍
  10. Angular学习笔记-问题列表(2016.4.7)