<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("try/ajax/demo_test.txt");
});
});
</script>
</head>
<!--
jQuery-AJAX简介
AJAX是与服务器交换数据的技术,
他在不重载全部页面的情况下,实现对部分网页的更新.
jQuery AJAX实例
$("button").click(function(){
$("#div1").load("try/ajax/demo_test.txt");
});
什么是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功能.
-->
<body>
<div id="div1"><h2>使用jQuery AJAX技术修改文本内容</h2></div>
<button>获取外部内容</button>
</body>
</html>