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请求是否成功 当请求完成后都会触发 回调函数。