1.jquery.ajax請求aspx
請求aspx的靜態方法要注意一下問題：
（1）aspx的后台方法必須靜態，而且添加webmethod特性
（2）在ajax方法中contentType必須是“application/json”，
（3）data傳遞的數據必須是嚴格的json數據，如"{'a':'aa','b':'bb'}"，而且參數必須和靜態方法的參數一 一對應
（4）aspx的后台方法返回的數據默認形式是“{'d':'返回的內容'}”,所以如果dataType指定為"json"必須通過data.d來獲取返回數據
在webfrom頁面中后台定義請求方法(方法必須靜態,而且必須添加WebMethod特性)
[WebMethod]
public static string GetString(string str_a,string str_b)
{
return str_a+str_b;
}
前台頁面請求
$(function(){
$.jax({
url:'default.aspx/GetString',
type:'post',
contentType:'application/json',//這里必須指明要傳遞到服務器的內容的編碼方式，而且必須是json,否則后台方法獲取不到傳遞數據。
dataType:'json',//客戶端以json的方式去讀取返回數據
data:'{'str_a':'aaa','str_b':'bbbb'}',//參數必須和后台的參數名稱一樣 data必須傳遞json格式的數據
success:function(result){
alert(result.d);//因為webmethod的方法默認返回的數據格式是json的格式而且數據格式如："{'d':'返回的數據'}",所以要通過.d來獲取返回的內容。
}
});
});
2.請求ashx
注意問題：
（1）ajax方法中的contentType如果指定必須指定為“application/x-www-form-urlencoded”,否則在ashx中request.form獲取不到數據
（2）如果dataType為json，想要jQuery自動解析json數據，ashx必須返回嚴格的json數據，而且必須是雙引號(用反義字符去反義)的格式，如: context.Response.Write("{\"d\":\"Hello World\"}")，否則jquery會解析json失敗。
（3）如果因為contentType未設置或者不是“application/x-www-urlencoded”類型，reque.form獲取不到數據，可以通過context.Request.InputStream來獲取請求內容。
（4）在請求ashx中data參數有這幾種形式： data:{'a':'aa','b':'bb'}, data:"a=aa&b=bb",data:{a:'aa',b:'bb'},這三種數據都可以通過request.form[""]來獲取到。
Jquery Ajax調用aspx頁面方法
在asp.net webform開發中，用jQuery ajax傳值一般有幾種玩法
1）普通玩法：通過一般處理程序ashx進行處理；
2）高級玩法：通過aspx.cs中的靜態方法+WebMethod進行處理；
3）文藝玩法：通過WCF進行處理。
第一種和第三種方法不在本文介紹范圍之內，下面重點介紹第二種方法。
說明
在我們的印象里 asp.net的Web服務是以.asmx來結尾的，而我們現在的asp.net也能實現Web服務，這是因為默認Web.config中已經添加了System.Web.Handlers.ScriptModule，它是用於管理asp.net中ajax功能的HTTP模塊，這樣不管用戶是請求.asmx文件還是.aspx文件，都會通過此處理程序來處理請求。
后台代碼：
using System.Web.Services; //引入命名空間
[WebMethod]
public static string SayHello()
{
return "Hello Ajax!";
}
前台頁面代碼：
<button id="btn">提交</button>
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);//返回的數據用data.d獲取內容
},
error: function(err) {
alert(err);
}
});
});
});
效果：
需要注意的地方
一、data參數寫法
//1）普通寫法，JSON鍵值對，如：單個參數的
data:"{newsID:"+ id +"}",
//多個參數的形式：
data:"{newsID:"+ newsID +",name:"+ name +"}",
//2）文藝寫法：各種引號，雙引號，單引號拼接，如
//單個參數寫法：
data:"{'name':'"+ name +"'}",
//多個參數寫法：
data: "{'content':'" + $("#content").val() + "','createTime':'" + $("#createTime").val() + "','creator':'" + $("#creator").val() + "'}"
//容易出錯！！！！！
二、用QueryString傳值是后台取不到的問題
< script type = "text/javascript" >
function getArgs(strParame) {
var args = new Object();
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>
三、時間問題
WCF 或 模擬Web服務處理JSON時返回時間格式問題。解決方法如下：
// 雜亂的時間
var rawDate = "/Date(1347120000000+0800)/";
// 提取時間字符串
var strDate = rawDate.substr(6, 13);
// 把時間字符串轉化成int類型
var intDate = parseInt(strDate);
// 構造一個Date對象
var newDate = new Date(intDate);
// 將時間轉化成當地時間格式
var myDate = newDate.toLocaleDateString();
// 最終結果
alert(myDate);
// 合並成一句
var resultDate = new Date(parseInt("/Date(1347120000000+0800)/".substr(6, 13))).toLocaleDateString();
四、$.ajax參數詳解
//標准的寫法：
$.ajax({
type: "post",
dataType: "json",
contentType: "application/json", //注意：WebMethod()必須加這項，否則客戶端數據不會傳到服務端
data:{如上所述},//注意：data參數可以是string個int類型
url: "List.aspx/DeleteNews",//模擬web服務，提交到方法
// 可選的 async:false,阻塞的異步就是同步
beforeSend:function(){
// do something.
// 一般是禁用按鈕等防止用戶重復提交
$("#btnClick").attr({disabled:"disabled"});
// 或者是顯示loading圖片
},
success: function (data) {
alert("success: " + data.d);//注意這里：必須通過data.d才能獲取到服務器返回的值
// 服務端可以直接返回Model，也可以返回序列化之后的字符串，如果需要反序列化：string json = JSON.parse(data.d);
// 有時候需要嵌套調用ajax請求，也是可以的
},
complete: function(){
//do something.
$("#btnClick").removeAttr("disabled");
// 隱藏loading圖片
}，
error: function (data) {
alert("error: " + data.d);
}
});