這裡用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的方法。
文章標籤
全站熱搜