29e*_*9er 20 javascript asp.net ajax jquery json
我已经工作了3个小时,已经放弃了.我只是尝试使用jQuery将数据发送到asp.net Web方法.数据基本上是一堆键/值对.所以我试图创建一个数组并将对添加到该数组.
我的WebMethod(aspx.cs)看起来像这样(这可能是我在javascript中构建的错误,我只是不知道):
[WebMethod]
public static string SaveRecord(List<object> items)
.....
这是我的示例javascript:
var items = new Array;
Run Code Online (Sandbox Code Playgroud)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;
Here is my jQuery ajax call:
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};
并设置数据参数如下:
数据:JSON.stringify(DTO)
然后我得到这个错误:
Cannot convert object of type \u0027System.String\u0027 to type \u0027System.Collections.Generic.List`1[System.Object]\u0027
Dav*_*ard 46
在您的示例中,如果您的数据参数是:
data: "{'items':" + JSON.stringify(items) + "}"
请记住,您需要将一个JSON字符串发送到ASP.NET AJAX.如果将实际的JSON对象指定为jQuery的数据参数,则会将其序列化为&k = v？k = v对.
看起来你已经阅读过了,但是再看一下我使用JavaScript DTO与jQuery,JSON.stringify和ASP.NET AJAX的例子.它涵盖了使这项工作所需的一切.
注意:您永远不应该使用JavaScriptSerializer在"ScriptService"中手动反序列化JSON(如其他人所建议的).它会根据您方法的指定参数类型自动为您执行此操作.如果你发现自己这样做,那你做错了.
当使用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);
}
}
}
以下是我们项目的代码片段 - 我没有将对象包装为字符串以及Date值 - 希望这可以帮助某人:
// our JSON data has to be a STRING - need to send a JSON string to ASP.NET AJAX.
// if we specify an actual JSON object as jQuery's data parameter, it will serialize it as ?k=v&k=v pairs instead
// we must also wrap the object we are sending with the name of the parameter on the server side – in this case, "invoiceLine"
var jsonString = "{\"invoiceLine\":" + JSON.stringify(selectedInvoiceLine) + "}";
// reformat the Date values so they are deserialized properly by ASP.NET JSON Deserializer
jsonString = jsonString.replace(/\/Date\((-?[0-9]+)\)\//g, "\\/Date($1)\\/");
$.ajax({
type: "POST",
url: "InvoiceDetails.aspx/SaveInvoiceLineItem",
data: jsonString,
contentType: "application/json; charset=utf-8",
dataType: "json"
});
服务器方法签名如下所示:
[WebMethod]
public static void SaveInvoiceLineItem(InvoiceLineBO invoiceLine)
{