jQuery异步调用页面后台实例分析

jQuery调用页面后台方法‏如下：

成都创新互联公司是一家专注于成都做网站、网站建设和西部信息中心的网络公司，有着丰富的建站经验和案例。

给出了两个简单的例子，无参数的和有参数的，返回的都是json数据。

 
 
 
    
  
  
  
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryCSMethodForm.aspx.cs" Inherits="JQuerWeb.JqueryCSMethodForm" %>  
    2. 
  
  
  
  2.   
    3. 
  
  
  
  3.   
    4. 
  
  
  
  4.   
    5. 
  
  
  
  5.       
    6. 
  
  
  
  6.       
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.       
    9. 
  
  
  
  9.         $(document).ready(function() {  
    10. 
  
  
  
  10.             $("input[type='button'][value='GetDate']").click(function() {  
    11. 
  
  
  
  11.                 $.ajax({  
    12. 
  
  
  
  12.                     type: "post",  
    13. 
  
  
  
  13.                     url: "JqueryCSMethodForm.aspx/GetNowDate",  
    14. 
  
  
  
  14.                     datatype: "json",  
    15. 
  
  
  
  15.                     contentType: "application/json; charset=utf-8",  
    16. 
  
  
  
  16.                     success: function(data) {  
    17. 
  
  
  
  17.                         $("input#showTime").val(eval('(' + data.d + ')')[0].nowtime);  
    18. 
  
  
  
  18.                     },  
    19. 
  
  
  
  19.                     error: function(XMLHttpRequest, textStatus, errorThrown) {  
    20. 
  
  
  
  20.                         alert(errorThrown);  
    21. 
  
  
  
  21.                     }  
    22. 
  
  
  
  22.                 });  
    23. 
  
  
  
  23.             });  
    24. 
  
  
  
  24.             $("input[type='button'][value='GetOneDayLater']").click(function() {  
    25. 
  
  
  
  25.                 $.ajax({  
    26. 
  
  
  
  26.                     type: "post",  
    27. 
  
  
  
  27.                     url: "JqueryCSMethodForm.aspx/GetOneDayLate",  
    28. 
  
  
  
  28.                     data:"{days:1}",  
    29. 
  
  
  
  29.                     datatype: "json",  
    30. 
  
  
  
  30.                     contentType: "application/json; charset=utf-8",  
    31. 
  
  
  
  31.                     success: function(data) {  
    32. 
  
  
  
  32.                         $("input#showTime").val(eval('(' + data.d + ')')[0].nowtime);  
    33. 
  
  
  
  33.                     },  
    34. 
  
  
  
  34.                     error: function(XMLHttpRequest, textStatus, errorThrown) {  
    35. 
  
  
  
  35.                     alert(errorThrown);  
    36. 
  
  
  
  36.                     }  
    37. 
  
  
  
  37.                 });  
    38. 
  
  
  
  38.             });  
    39. 
  
  
  
  39.         });  
    40. 
  
  
  
  40.         
    41. 
  
  
  
  41.       
    42. 
  
  
  
  42.   
    43. 
  
  
  
  43.   
    44. 
  
  
  
  44.       
    45. 
  
  
  
  45.     
      
    46. 
  
  
  
  46.           
    47. 
  
  
  
  47.           
    48. 
  
  
  
  48.           
    49. 
  
  
  
  49.     
 
  •       
  •  
  •  

    • CS代码：

     
 
 
      
  
  
  
    1. using System;  
      2. 
  
  
  
    2. using System.Collections.Generic;  
      3. 
  
  
  
    3. using System.Linq;  
      4. 
  
  
  
    4. using System.Web;  
      5. 
  
  
  
    5. using System.Web.UI;  
      6. 
  
  
  
    6. using System.Web.UI.WebControls;  
      7. 
  
  
  
    7. using System.Web.Services;  
      8. 
  
  
  
    8. namespace JQuerWeb  
      9. 
  
  
  
    9. {  
      10. 
  
  
  
    10.     public partial class JqueryCSMethodForm : System.Web.UI.Page  
      11. 
  
  
  
    11.     {  
      12. 
  
  
  
    12.          
      13. 
  
  
  
    13.         protected void Page_Load(object sender, EventArgs e)  
      14. 
  
  
  
    14.         {  
      15. 
  
  
  
    15.             
      16. 
  
  
  
    16.         }  
      17. 
  
  
  
    17.         [WebMethod]  
      18. 
  
  
  
    18.         public static String GetNowDate()  
      19. 
  
  
  
    19.         {  
      20. 
  
  
  
    20.             return "[{\"nowtime\":\"" + DateTime.Now.ToShortDateString() + "\"}]";  
      21. 
  
  
  
    21.         }  
      22. 
  
  
  
    22.         [WebMethod]  
      23. 
  
  
  
    23.         public static String GetOneDayLate(Int32 days)  
      24. 
  
  
  
    24.         {  
      25. 
  
  
  
    25.             return "[{\"nowtime\":\"" + DateTime.Now.AddDays(days).ToShortDateString() + "\"}]";  
      26. 
  
  
  
    26.         }  
      27. 
  
  
  
    27.     }  
      28. 
  
  
  
    28. } 
      29.

    注意点：

    (1) url的填写格式　url+"/method name"

    (2) contentType: "application/json; charset=utf-8", 这个必须要有

    (3) 返回数据的类型为json

    (4) data:"{days:1}",参数的传递

    (5) 后台的方法必须是public static 而且还要有 [WebMethod]特性修饰
     

    原文链接：http://www.cnblogs.com/liyuxin/archive/2011/03/01/1967776.html

    【编辑推荐】

    1. 2011年2月份13个jQuery最佳插件推荐
    2. 记一次失败的jQuery优化尝试
    3. jQuery 1.5正式版发布 五大变化引人注目
    4. jQuery实现表格数据的动态添加与统计
    5. 使用 jQuery 简化 Ajax 开发

    分享标题：jQuery异步调用页面后台实例分析
    网站网址：http://www.shufengxianlan.com/qtweb/news2/143252.html

    网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

    猜你还喜欢下面的内容

    搜索引擎优化知识

    分类信息网站

    成都商城开发　　 　品牌网站建设　　 　成都手机网站开发　　 　眉山服务器租用　　 　绵阳网站建设公司　　 　彭州做网站　　 　四川艾名斯　　 　商城网站建设公司　　 　护栏钻孔机　　 　绵阳主机托管　　 　什邡网站建设　　 　四川雕琢时光　　 　东方电机技改服务有限公司　　 　产品包装设计　　 　成都未宇聚　　 　重庆手机网站建设　　 　重庆水土双线托管　　 　SSL证书　　 　安娜尚美　　 　德阳东方电机技改