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功能.
时间： 2024-10-24 21:27:18