load方法的参数形式为:
load(url,[data],[callback]);
其中url为请求HTML页面的URL地址。[data]表示发送至服务器的key/value数据。callback表示请求完成时的回调函数,无论请求成功或者失败。
下面的实例就演示了关于Ajax的load方法来请求另一个页面的内容。
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 4 <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 7 <title>载入HTML文档</title> 8 <meta name="author" content="Administrator" /> 9 <script type="text/javascript" src="script/jquery-1.12.2.js"></script> 10 <!-- Date: 2016-04-04 --> 11 </head> 12 <body> 13 <input type="button" value="Ajax获取" id="send" /> 14 <div class="comment"> 15 已有评论 16 </div> 17 <div id="resText"></div> 18 <script type="text/javascript"> 19 $(function() { 20 $("#send").click(function() { 21 $("#resText").load("test2.html"); 22 }); 23 }); 24 25 </script> 26 </body> 27 </html>