jQuery Ajax

AJAX 是一种与服务器交换数据、更新网页部分内容的技术,而无需重新加载整个网页,这对用户体验是极好的。

实例

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("button").click(function(){
  8. $("#div1").load("/example/ajax/demo.txt");
  9. });
  10. });
  11. </script>
  12. </head>
  13. <body>
  14. <div id="div1"><h2>让 jQuery AJAX 来改变这段文本</h2></div>
  15. <button>获取外部文本</button>
  16. </body>
  17. </html>

什么 是 AJAX?

AJAX = 异步 JavaScript 和 XML。

简言之 AJAX 是在后台加载数据并在网页上显示,而不需要重新加载整个页面。

使用 AJAX 的应用程序有很多,比如:Gmail、谷歌地图、Youtube 和 Facebook 标签。

在本站的 AJAX 教程中,您可以了解更多关于 AJAX 的信息。


那么 jQuery 的 AJAX 呢?

jQuery 为 AJAX 功能提供了几种方法。

使用 jQuery AJAX 方法,您可以使用 HTTP Get 和 HTTP Post 从远程服务器请求文本、HTML、XML 或 JSON,并且可以将外部数据直接加载到网页的选定 HTML 元素中!

没有jQuery,AJAX 编码可能有点棘手!

编写常规 AJAX 代码可能有点棘手,因为不同的浏览器有不同的 AJAX 实现语法。这意味着您必须编写额外的代码来测试不同的浏览器。然而,jQuery 团队已经为我们解决了这一问题,因此我们只需要一行代码就可以编写 AJAX 功能。

jQuery AJAX 方法

在接下来的章节中,我们将介绍最重要的 jQuery AJAX 方法。