在.net 3.5的情況下
前台JQuery做Ajax的時候,服務器端
(1)可以調用aspx.cs 中聲明帶有[WebMehtod]的public static 的方法(不需要自己手動添加web.config的配置)
(2)可以調用 *.asmx (web服務) 里面加了[webmethod]的方法(不能寫靜態,寫靜態就調用不到了)需要在asmx里面 去掉 [System.Web.Script.Services.ScriptService] 的注釋
(3)可以調用 *.ashx (一般處理程序),它和aspx一樣都實現了IHttpHandler接口。
方法調用也分不同返回情況:
- 無參數的方法調用 public static string SayHello(){}
- 帶參數的方法調用 public static string GetStr(string str, string str2)
- 返回數組方法的調用 public static List<string> GetArray()
例如:
(1)aspx.cs 靜態方法[WebMethod]
[WebMethod]
public static string SayHello()
{
return "Hello Ajax!";
}
$(function() {
$("#btnOK").click(function() {
$.ajax({
//要用post方式
type: "Post",
//方法所在頁面和方法名
url: "data.aspx/SayHello",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
//返回的數據用data.d獲取內容
alert(data.d);
},
error: function(err) {
alert(err);
}
});
//禁用按鈕的提交
return false;
});
});
(2)WebService1.asmx
/// 返回泛型列表
[WebMethod]
public List<int> CreateArray(int i)
{
List<int> list = new List<int>();
while (i >= 0)
{
list.Add(i--);
}
return list;
}
//返回泛型列表
$("#btnArray").click(function(){
$.ajax({
type: "POST",
contentType:"application/json",
url:"WebService1.asmx/CreateArray",
data:"{i:10}",
dataType:'json',
success:function(result){
alert(result.d.join(" | "));
}
});
});
(3)handler處理程序
$("#dbtn").click(function() {
$.ajax({
type: "POST",
dataType:"Text",
url: "AjaxHandler.ashx",
data: { name: "admin", pass: "admin" },
beforeSend: function() { $("#ds").html("loading"); },
success: function(msg) { $("#ds").html("<p>" + msg + "</p>"); }
});
});
參考:http://blog.csdn.net/lovegonghui/article/details/49072363
從WebMethod屬性不難看出這實際上還是應用了webservice組件的方式來實現的。當然ajax實現異步請求的資源可以使aspx、ashx、webservice等
//標准的寫法:
$.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);
}
});
而mvc中的ajax異步請求
由於mvc采用基於路由映射,所以Controller中的Action可以直接通過url請求。

