码迷,mamicode.com
首页 > Web开发 > 详细

Ajax的load方法演示

时间:2016-04-04 19:42:30      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:

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>

 

Ajax的load方法演示

标签:

原文地址:http://www.cnblogs.com/Arther-J/p/5352588.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!