您的位置：首页 > 其它

ajax load事件

2016-03-17 12:16 218 查看
　　ajax.load 使用ajax 来改变div元素文本。

　　load( url [, data][, callback] )

　　load()方法的传递方式根据参数data来自动指定。如果没有参数传递，则采用GET方式传递；反之，则自动转换为POST方式。

test.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
</head>
<body>

<input type="button" id="send" value="Ajax获取" />
<div id="resText"></div>

<script type="text/javascript">
$(document).ready(function(){
$("#send").click(function(){
$("#resText").load("a.html");
});
});
</script>

</body>
</html>


a.html

<div class="comment">
已有评论：
</div>
<div class="comment">
<h6>张三：</h6>
<p class="para">沙发。</p>
</div>
<div class="comment">
<h6>李四：</h6>
<p class="para">板凳。</p>
</div>
<div class="comment">
<h6>王五：</h6>
<p class="para">地板。</p>
</div>




当test.html 中的改变的时候

$("#resText").load("a.html .para");
结果如下




load()方法提供了回调函数（callback）  该函数有3个参数 1请求返回内容 2返回状态 3xmlhttprequest对象 如下
$("#resText").load("test.html",function(responseText,textStatus,XMLHttpRequest){
//responseText:请求返回的内容
//textStatus:请求状态：success、error、notmodified、timeout这4种
//XMLHttpRequest:XMLHttpRequest对象
});

在load方法中 无论ajax请求是否成功  当请求完成后都会触发 回调函数。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航