C#中[WebMethod]的用法,aspx、ashx、asmx

在.net 3.5的狀況下html

前臺JQuery作Ajax的時候,服務器端web

(1)能夠調用aspx.cs 中聲明帶有[WebMehtod]的public static 的方法(不須要本身手動添加web.config的配置)ajax

(2)能夠調用 *.asmx (web服務) 裏面加了[webmethod]的方法(不能寫靜態,寫靜態就調用不到了)須要在asmx裏面 去掉 [System.Web.Script.Services.ScriptService] 的註釋 json

(3)能夠調用 *.ashx (通常處理程序),它和aspx同樣都實現了IHttpHandler接口。數組

方法調用也分不一樣返回狀況:服務器

  • 無參數的方法調用    public static string SayHello(){}   
  • 帶參數的方法調用     public static string GetStr(string str, string str2)
  • 返回數組方法的調用   public static List<string> GetArray()

 

例如:mvc

(1)aspx.cs 靜態方法[WebMethod]app

[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/49072363async

 

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請求。

相關文章
相關標籤/搜索