如何使用ajax將json傳入后台數據

首先采用jquery內部封裝好的方法是比較簡單的，我們只需做的就是修改里面的一些配置： 對$.ajax()的解析： $.ajax({ type: "POST", //提交方式 contentType: "application/json; charset=utf-8", //內容類型 dataType: "json", //類型 url: "前台地址/后台方法", //提交的頁面，方法名 data: "parameter", //參數，如果沒有，可以為null success: function (data) { //如果執行成功，那么執行此方法 alert(data.d); //用data.d來獲取后台傳過來的json語句，或者是單純的語句 }, error: function (err) { //如果執行不成功，那么執行此方法 alert("err:" + err); } }); 用網頁來測試一下，如果你測試的時候沒有達到你想要的結果，那么希望你回頭看一下，前台是否寫的有問題 前台代碼 ： <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="number3.aspx.cs" Inherits="ajax1.number3" %>

測試ajax

后台代碼： using System; using System.Web.Services; namespace ajax1 { public partial class number3 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } [WebMethod] public static string GetJson(string RID) { return "{'ID':'" + RID + "'}"; } } } 我們要注意的地方： 1.using System.Web.Services;對應下面的[WebMethod]這個一定要加上的。 2.后台寫的方法一定是公共靜態的即一定是public static開頭的。 3.參數一定是前台的data所傳參數的鍵 前台中要注意的地方： 1.大家應該會注意到，前台我用的是兩個button來測試，但是第一個

這行代碼的問題，

代碼去掉，當然如果本頁面有要提交的內容就會很麻煩了 　　②：將 用button測試ajax代碼改為： 用button測試ajax 那么我們如何來只獲取json后面的值，而不是整個json語句呢，我們可以將json語句對象化，然后根據鍵來取得對應的值：前台的testAjax()的方法改為： function testAjax() { $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", dataType: "json", url: "number3.aspx/GetJson", data: "{'RID':'123'}", success: function (data) { var result = eval("(" + data.d + ")");//這句話是將json語句對象化 alert(result.ID); }, error: function (err) { alert("err:" + err); } }); } 此時結果為：123