Asp.net中用Jquery實現Ajax回調後台方法

要調用JQuery封裝好的Ajax回調方式，那麼肯定要將JQuery的原檔案引入到工程裡，具體的JQuery源碼可以到官網中下載：http://jquery.com/ 

首先在前台添加一個button：

    <div>        <input type="button" id="mybutton" value="say hello" onclick="AjaxSayHello()" />    </div>

 

然後用JQuery實現button的onclick事件：

    function AjaxSayHello() {        var firstName = "Eric";        var lastName = "Sun";        var paramObj = new Object();        paramObj.firstName = firstName;        paramObj.lastName = lastName;        var paramStr = JSON.stringify(paramObj);        $.ajax({            type: "Post",            url: "ExportMyData.aspx/SayHello",            data: paramStr,            contentType: "application/json; charset=utf-8",            dataType: "json",            success: function (result) {                alert(result.d); //get the data of the result            },            error: function (result) {                alert(result.statusText);            }        });

這裡用JSON的格式傳遞參數， var paramStr = JSON.stringify(paramObj); 這句話時間對象轉化為JSON字串。從paramObj對象中可以看出，我們要傳遞兩個參數分別是 firstName 和 lastName ；實際傳遞的值為 Eric 和 Sun。 因此後台被調用的方法要有此兩個參數 firstName 和 lastName 。

 

後台方法如下所示：

        [WebMethod]        public static string SayHello(string firstName, string lastName)        {            string sayStr = "Hello " + firstName + " " + lastName;            return sayStr;        }

這裡要求添加[WebMethod]標籤（注:要用到下面的命名空間），並且將此方法設定成 public static 。。。。 

 

需要額外添加命名空間：

    using System.Web.Services;

 

 更多知識點。。。。。。

請看這篇文章 http://www.cnblogs.com/fish-li/archive/2013/01/13/2858599.html