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功能.