jQuery

AJAX是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的刷新.

jQuery - AJAX 实例,通过jQuery AJAX改变这段文本.

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>通过jQuery AJAX改变这段文本</title>
 6     <script type="text/javascript" src="js/jquery-1.11.3.js"></script>
 7     <script type="text/javascript">
 8         $(document).ready(function() {
 9             $('#btn1').click(function() {
10                 $('#test').load('test_text.txt');
11             });
12         });
13     </script>
14 </head>
15 <body>
16     <h3 id="test">请点击下面的按钮,通过 jQuery AJAX 改变这段文本.</h3>
17     <button id="btn1" type="button">获得外部的内容</button>
18 </body>
19 </html>

什么是AJAX?

AJAX=异步javascript和xml(Asynchronous Javascript and XML).

简单地说就是在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示.

使用AJAX的应用程序案例:谷歌地图,腾讯微博,优酷视频,人人网等.

关于jQuery与AJAX

jQuery提供多个与AJAX有关的方法.

通过jQuery AJAX方法,您能够使用HTTP Get和HTTP Post从远程服务器上请求文本,HTML,XML或JSON-同时您能够把这些外部数据直接载入网页的被选中元素中.

提示:如果没有jQuery,AJAX变成还是有些难度的.

编写常规的AJAX代码并不容易,因为不同的浏览器对AJAX的实现并不相同.这意味着您必须编写额外的代码对浏览器进行测试.不过,jQuery团队为我们解决了这个难题,我们只需要一行简单的代码,就可以实现AJAX功能.