這裡用jQuery的ajax+JSON格式做簡單的範例:

先在頁面上放個簡易的input tag:

<input type="button" id="AjaxDemo" value="AjaxDemo" />

前端的Script:

$(document).ready(function () {
    $("#AjaxDemo").click(function () {
        $.ajax({
            type: "POST",
            url: "ajaxDemo.aspx/SimpleMethod",
            data: "{input:'jimmy'}",
            contentType: "application/json; charset=utf-8",
            success: function (result) { alert(result.d); },
            error: function () { alert("Error!"); }
        });
    });
});

說明:使用jQuery以POST方式請求AJAX = > ajaDemo.aspx(這裡是用本身Page)的SimpleMethod方法, 傳入參數為input,值為"jimmy",返回一個json類型的結果。

watch.png  

(使用HttpWatch觀看回傳的Content)

PS:因為返回是一個json類型(key:value的形式),所以需用【.d】方式取值

後台的Code:

引用

using System.Web.Services;

建立簡單的Method

[WebMethod]
public static string SimpleMethod(string input)
{
   return input;
}

(PS: 需要使用公開的靜態方法)

執行結果:

result.png 

先簡單記錄一下,有空在po一些使用JSON的方法。

arrow
arrow
    文章標籤
    json ajax jquery
    全站熱搜

    Jimmy 發表在 痞客邦 留言(1) 人氣()