ajax load事件

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