Ajax在jQuery中的应用
浏览数：23 /
时间：2015年06月09日
Ajax是Asynchronous JavaScript and XML的缩写，其核心是通过XMLHttpRequest对象，以一种异步的方式，向服务器发送数据请求，并通过该对象接收请求返回的数据，从而完成人机交互的数据操作。在jQuery中，有大量的函数与方法为Ajax技术提供支持。
1.load()方法
load(url,[data],[callback])
参数url为被加载的页面地址，可选项[data]参数表示发送到服务器的数据，其格式为key/value。可选项[callback]参数表示加载成功后，返回至加载页的回调函数。
示例：创建两个新页面a.html和b.html，前者用于加载页，单击“获取数据”按钮后，在不刷新该页面的情况下，将b.html页中的内容显示在a.html页面的<div>标记中。
a.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script language="javascript" type="text/javascript" src="js/jquery-1.9.0.js"></script>
<script type="text/javascript">
$(function() {
$("#Button1").click(function() { //按钮点击事件
$("#divTip").load("b.html"); //load()方法加载数据
})
})
</script>
</head>
<body>
<input id="Button1" type="button" value="获取数据" />
<div id="divTip"></div>
</body>
</html>b.html <div class="clsShow"> 姓名：陶国荣<br /> 性别：男<br /> 邮箱：tao_guo1_rong@163.com </div>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
