盗墓笔记全集,欢乐颂小说结局,有声读物

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

jQuery異步調(diào)用頁面后臺實例分析

jQuery調(diào)用頁面后臺方法?如下：

成都創(chuàng)新互聯(lián)公司是一家專注于成都做網(wǎng)站、網(wǎng)站建設(shè)和西部信息中心的網(wǎng)絡(luò)公司，有著豐富的建站經(jīng)驗和案例。

給出了兩個簡單的例子，無參數(shù)的和有參數(shù)的，返回的都是json數(shù)據(jù)。

 
 
 
  
  
  <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryCSMethodForm.aspx.cs" Inherits="JQuerWeb.JqueryCSMethodForm" %>  
  
  
    
  
  
    
  
  
    
  
  
        
  
  
        
  
  
       
  
  
        
  
  
          $(document).ready(function() {  
  
  
              $("input[type='button'][value='GetDate']").click(function() {  
  
  
                  $.ajax({  
  
  
                      type: "post",  
  
  
                      url: "JqueryCSMethodForm.aspx/GetNowDate",  
  
  
                      datatype: "json",  
  
  
                      contentType: "application/json; charset=utf-8",  
  
  
                      success: function(data) {  
  
  
                          $("input#showTime").val(eval('(' + data.d + ')')[0].nowtime);  
  
  
                      },  
  
  
                      error: function(XMLHttpRequest, textStatus, errorThrown) {  
  
  
                          alert(errorThrown);  
  
  
                      }  
  
  
                  });  
  
  
              });  
  
  
              $("input[type='button'][value='GetOneDayLater']").click(function() {  
  
  
                  $.ajax({  
  
  
                      type: "post",  
  
  
                      url: "JqueryCSMethodForm.aspx/GetOneDayLate",  
  
  
                      data:"{days:1}",  
  
  
                      datatype: "json",  
  
  
                      contentType: "application/json; charset=utf-8",  
  
  
                      success: function(data) {  
  
  
                          $("input#showTime").val(eval('(' + data.d + ')')[0].nowtime);  
  
  
                      },  
  
  
                      error: function(XMLHttpRequest, textStatus, errorThrown) {  
  
  
                      alert(errorThrown);  
  
  
                      }  
  
  
                  });  
  
  
              });  
  
  
          });

CS代碼：

 
 
 
  
  
  using System;  
  
  
  using System.Collections.Generic;  
  
  
  using System.Linq;  
  
  
  using System.Web;  
  
  
  using System.Web.UI;  
  
  
  using System.Web.UI.WebControls;  
  
  
  using System.Web.Services;  
  
  
  namespace JQuerWeb  
  
  
  {  
  
  
      public partial class JqueryCSMethodForm : System.Web.UI.Page  
  
  
      {  
  
  
           
  
  
          protected void Page_Load(object sender, EventArgs e)  
  
  
          {  
  
  
              
  
  
          }  
  
  
          [WebMethod]  
  
  
          public static String GetNowDate()  
  
  
          {  
  
  
              return "[{\"nowtime\":\"" + DateTime.Now.ToShortDateString() + "\"}]";  
  
  
          }  
  
  
          [WebMethod]  
  
  
          public static String GetOneDayLate(Int32 days)  
  
  
          {  
  
  
              return "[{\"nowtime\":\"" + DateTime.Now.AddDays(days).ToShortDateString() + "\"}]";  
  
  
          }  
  
  
      }  
  
  
  }

注意點：

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

(2) contentType: "application/json; charset=utf-8", 這個必須要有

(3) 返回數(shù)據(jù)的類型為json

(4) data:"{days:1}",參數(shù)的傳遞

(5) 后臺的方法必須是public static 而且還要有 [WebMethod]特性修飾

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

【編輯推薦】

2011年2月份13個jQuery最佳插件推薦
記一次失敗的jQuery優(yōu)化嘗試
jQuery 1.5正式版發(fā)布五大變化引人注目
jQuery實現(xiàn)表格數(shù)據(jù)的動態(tài)添加與統(tǒng)計
使用 jQuery 簡化 Ajax 開發(fā)

本文題目：jQuery異步調(diào)用頁面后臺實例分析
標題網(wǎng)址：http://fisionsoft.com.cn/article/dhiidjs.html

新聞中心

其他資訊