在asp.net webform開發(fā)中，用jQuery ajax傳值一般有幾種玩法

1)普通玩法：通過一般處理程序ashx進(jìn)行處理；

2)高級(jí)玩法：通過aspx.cs中的靜態(tài)方法+WebMethod進(jìn)行處理；

3)文藝玩法：通過WCF進(jìn)行處理。

第一種和第三種方法不在本文介紹范圍之內(nèi)，下面重點(diǎn)介紹第二種方法。

說明

在我們的印象里 asp.net的Web服務(wù)是以.asmx來結(jié)尾的，而我們現(xiàn)在的asp.net也能實(shí)現(xiàn)Web服務(wù)，這是因?yàn)槟J(rèn)Web.config中已經(jīng)添加了System.Web.Handlers.ScriptModule，它是用于管理asp.net中ajax功能的HTTP模塊，這樣不管用戶是請求.asmx文件還是.aspx文件，都會(huì)通過此處理程序來處理請求。

后臺(tái)代碼：

using System.Web.Services; //引入命名空間

[WebMethod]public static stringSayHello()

{return "Hello Ajax!";

}

前臺(tái)頁面代碼：

Javascript代碼：

$(function() {

$("#btn").click(function() {

$.ajax({

type:"post", //要用post方式

url: "Demo.aspx/SayHello",//方法所在頁面和方法名

contentType: "application/json; charset=utf-8",

dataType:"json",

success:function(data) {

alert(data.d);//返回的數(shù)據(jù)用data.d獲取內(nèi)容

},

error:function(err) {

alert(err);

}

});

});

});

效果：

需要注意的地方

一、data參數(shù)寫法

//1)普通寫法，JSON鍵值對，如：單個(gè)參數(shù)的

data:"{newsID:"+ id +"}",//多個(gè)參數(shù)的形式：

data:"{newsID:"+ newsID +",name:"+ name +"}",//2)文藝寫法：各種引號(hào)，雙引號(hào)，單引號(hào)拼接，如//單個(gè)參數(shù)寫法：

data:"{'name':'"+ name +"'}",//多個(gè)參數(shù)寫法：

data: "{'content':'" + $("#content").val() + "','createTime':'" + $("#createTime").val() + "','creator':'" + $("#creator").val() + "'}"

//容易出錯(cuò)！！！！！

二、用QueryString傳值是后臺(tái)取不到的問題

在WebMethod()方法中，是不能通過 HttpContext.Current.QueryString.Get("id")來獲取query string，

因?yàn)樵赪ebMethod()默認(rèn)是用POST方法提交的，而用GetQueryString是不能取到值的。

替代方法是用JS獲取url中的參數(shù)，用ajax提交給后臺(tái)方法是用：

< script type = "text/javascript" >

functiongetArgs(strParame) {var args = newObject();var query = location.search.substring(1); //Get query string

var pairs = query.split("&"); //Break at ampersand

for (var i = 0; i < pairs.length; i++) {var pos = pairs[i].indexOf('='); //Look for "name=value"

if (pos == -1) continue; //If not found, skip

var argname = pairs[i].substring(0, pos); //Extract the name

var value = pairs[i].substring(pos + 1); //Extract the value

value = decodeURIComponent(value); //Decode it, if needed

args[argname] = value; //Store as a property

}return args[strParame]; //Return the object

} < /script>

三、時(shí)間問題

WCF 或 模擬Web服務(wù)處理JSON時(shí)返回時(shí)間格式問題。解決方法如下：//雜亂的時(shí)間

var rawDate = "/Date(1347120000000+0800)/";//提取時(shí)間字符串

var strDate = rawDate.substr(6, 13);//把時(shí)間字符串轉(zhuǎn)化成int類型

var intDate =parseInt(strDate);//構(gòu)造一個(gè)Date對象

var newDate = newDate(intDate);//將時(shí)間轉(zhuǎn)化成當(dāng)?shù)貢r(shí)間格式

var myDate =newDate.toLocaleDateString();//最終結(jié)果

alert(myDate);//合并成一句

var resultDate = new Date(parseInt("/Date(1347120000000+0800)/".substr(6, 13))).toLocaleDateString();

四、$.ajax參數(shù)詳解

//標(biāo)準(zhǔn)的寫法：

$.ajax({

type:"post",

dataType:"json",

contentType:"application/json", //注意：WebMethod()必須加這項(xiàng)，否則客戶端數(shù)據(jù)不會(huì)傳到服務(wù)端

data:{如上所述},//注意：data參數(shù)可以是string個(gè)int類型

url: "List.aspx/DeleteNews",//模擬web服務(wù)，提交到方法

//可選的 async:false,阻塞的異步就是同步

beforeSend:function(){//do something.

//一般是禁用按鈕等防止用戶重復(fù)提交

$("#btnClick").attr({disabled:"disabled"});//或者是顯示loading圖片

},

success:function(data) {

alert("success: " + data.d);//注意這里：必須通過data.d才能獲取到服務(wù)器返回的值

//服務(wù)端可以直接返回Model，也可以返回序列化之后的字符串，如果需要反序列化：string json = JSON.parse(data.d);

//有時(shí)候需要嵌套調(diào)用ajax請求，也是可以的

},

complete:function(){//do something.

$("#btnClick").removeAttr("disabled");//隱藏loading圖片

}，

error:function(data) {

alert("error: " +data.d);

}

});

總結(jié)

以上是生活随笔為你收集整理的aspx后台调用前台jquery_Jquery Ajax调用aspx页面方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。