這裡用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類型的結果。
(使用HttpWatch觀看回傳的Content)
PS:因為返回是一個json類型(key:value的形式),所以需用【.d】方式取值
後台的Code:
引用
using System.Web.Services;
建立簡單的Method
[WebMethod]
public static string SimpleMethod(string input)
{
return input;
}
(PS: 需要使用公開的靜態方法)
執行結果:
先簡單記錄一下,有空在po一些使用JSON的方法。
文章標籤
全站熱搜

感謝您的教學。