019-JQuery(Ajax异步请求)

使用jquery完成异步操作

-》开发文档提供的异步API
url：请求地址
type：请求方式，主要是get、post
data:{}：请求的数据
dataType:返回值的类型，主要有xml、text、json、script、html
success:function(data){...}成功的回调函数（4，200）

GetTime.html

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title></title>
 6     <script src="js/jquery-1.7.1.min.js"></script>
 7     <script>
 8         $(function () {
 9             $('#btnGetTime').click(function () {
10                 $.ajax({
11                     url: 'GetTime.ashx',
12                     type: 'post',//'get',
13                     data: {
14                         'title': 'xlb'
15                     },
16                     dataType: 'html',
17                     success: function (msg) {
18                         $('#showTime').html(msg);
19                     }
20                 });
21 
22                 //$.get('GetTime.ashx',
23                 //    'title=yg',
24                 //    function(msg) {
25                 //        $('#showTime').html(msg);
26                 //    }
27                 // );
28 
29             });
30         });
31     </script>
32 </head>
33 <body>
34     <input type="button" id="btnGetTime" value="获取时间" />
35     <div id="showTime"></div>
36 </body>
37 </html>

GetTime.ashx

 1     public class GetTime : IHttpHandler
 2     {
 3 
 4         public void ProcessRequest(HttpContext context)
 5         {
 6             context.Response.ContentType = "text/html";
 7 
 8             string title = context.Request["title"];
 9 
10             context.Response.Write("<h1>" + DateTime.Now.ToString() + "_" + title + "</h1>");
11         }
12 
13         public bool IsReusable
14         {
15             get
16             {
17                 return false;
18             }
19         }
20     }