一、jQuery AJAX
1.什么是AJAX
<1>AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),简单来说,在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示。
<2>应用案例:谷歌地图、优酷视频、人人网等
2.jQuery-AJAX load()方法
<1>从服务器加载数据,并把数据放入我们指定的元素中
<2>语法
- $(selector).load(URL.data.callback)
- 必须的URL参数规定加载的地址
- 可选的data参数规定与请求一同发送的查询字符串(键值对集合)
3.自动获取练习
<1>获取外部文本
●代码如下:
demo1.txt内容:
123
html内容:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
$("#div1").mouseover(function(){
url="demo1.txt";
$("#div1").load(url)
})
$("#div1").mouseout(function(){
$("#div1").html("");
})
//1、如下是获取外部文本
$("#button1").click(function(){
url="demo1.txt";
$("#div1").load(url)
})
})
</script>
</head>
<body>
<div id="div1" style="background-color:rgb(204,204,153);width:200px;height:100px;"></div>
<button id="button1">获取外部文本</button>
</body>
</html>
●代码实现:
点击“获取外部文本”
<2>获取指定外部文本信息