jQuery Ajax
AJAX 是一种与服务器交换数据、更新网页部分内容的技术,而无需重新加载整个网页,这对用户体验是极好的。
实例
<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("/example/ajax/demo.txt");
});
});
</script>
</head>
<body>
<div id="div1"><h2>让 jQuery AJAX 来改变这段文本</h2></div>
<button>获取外部文本</button>
</body>
</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 方法。