Asp.net
使用 jQuery 將 JSON 對象成功發送到 ASP.NET WebMethod
我已經為此工作了3個小時並放棄了。我只是想使用 jQuery 將數據發送到 ASP.NET WebMethod。數據基本上是一堆鍵/值對。所以我嘗試創建一個數組並將這些對添加到該數組中。
我的 WebMethod (aspx.cs) 看起來像這樣（這對於我在 JavaScript 中建構的內容可能是錯誤的，我只是不知道）：
[WebMethod] public static string SaveRecord(List<object> items) { ... }這是我的範例 JavaScript：
var items = new Array; var data1 = { compId: "1", formId: "531" }; var data2 = { compId: "2", formId: "77" }; var data3 = { compId: "3", formId: "99" }; var data4 = { status: "2", statusId: "8" }; var data5 = { name: "Value", value: "myValue" }; items[0] = data1; items[1] = data2; items[2] = data3; items[3] = data4; items[4] = data5;這是我的 jQuery AJAX 呼叫：
var options = { error: function(msg) { alert(msg.d); }, type: "POST", url: "PackageList.aspx/SaveRecord", data: { 'items': items }, contentType: "application/json; charset=utf-8", dataType: "json", async: false, success: function(response) { var results = response.d; } }; jQuery.ajax(options);我得到錯誤：
Invalid JSON primitive: items.所以，如果我這樣做：
var DTO = { 'items': items };並像這樣設置數據參數：
data: JSON.stringify(DTO)然後我得到這個錯誤：
Cannot convert object of type \u0027System.String\u0027 to type \u0027System.Collections.Generic.List`1[System.Object]\u0027
使用 AJAX.NET 時，我總是將輸入參數設置為一個普通的舊對象，然後使用 javascript 反序列化器將其轉換為我想要的任何類型。至少通過這種方式，您可以調試並查看 Web 方法接收的對像類型。
使用 jQuery 時需要將對象轉換為字元串
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="sm" runat="server" EnablePageMethods="true"> <Scripts> <asp:ScriptReference Path="~/js/jquery.js" /> </Scripts> </asp:ScriptManager> <div></div> </form> </body> </html> <script type="text/javascript" language="javascript"> var items = [{ compId: "1", formId: "531" }, { compId: "2", formId: "77" }, { compId: "3", formId: "99" }, { status: "2", statusId: "8" }, { name: "Value", value: "myValue"}]; //Using Ajax.Net Method PageMethods.SubmitItems(items, function(response) { var results = response.d; }, function(msg) { alert(msg.d) }, null); //using jQuery ajax Method var options = { error: function(msg) { alert(msg.d); }, type: "POST", url: "WebForm1.aspx/SubmitItems", data: {"items":items.toString()}, // array to string fixes it * contentType: "application/json; charset=utf-8", dataType: "json", async: false, success: function(response) { var results = response.d; } }; jQuery.ajax(options); </script>以及背後的程式碼
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Services; using System.Web.Script.Serialization; using System.Web.Script.Services; using System.Web.UI; using System.Web.UI.WebControls; namespace CustomEquip { [ScriptService] public partial class WebForm1 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } [WebMethod] public static void SubmitItems(object items) { //break point here List<object> lstItems = new JavaScriptSerializer().ConvertToType<List<object>(items); } } }
在您的範例中，如果您的數據參數為：
data: "{'items':" + JSON.stringify(items) + "}"請記住，您需要將 JSON 字元串發送到 ASP.NET AJAX。如果您指定一個實際的 JSON 對像作為 jQuery 的數據參數，它會將其序列化為 &k=v?k=v 對。
看起來您已經閱讀過它，但請再看一下我使用帶有 jQuery、JSON.stringify 和 ASP.NET AJAX 的 JavaScript DTO 的範例。它涵蓋了完成這項工作所需的一切。
注意：您永遠不應該使用 JavaScriptSerializer 在“ScriptService”中手動反序列化 JSON（正如其他人所建議的那樣）。它會根據您方法的指定參數類型自動為您執行此操作。如果你發現自己這樣做了，那你就做錯了。