Отправка объекта JSON успешно в asp.net WebMethod, используя jQuery

Я работаю над этим в течение 3 часов и сдаюсь. Я просто пытаюсь отправить данные в веб-метод asp.net, используя jQuery. Данные в основном представляют собой пару пар ключ/значение. поэтому я попытался создать массив и добавить пары к этому массиву.

Мой 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;

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

Ответ 1

При использовании AJAX.NET я всегда делаю входной параметр просто старым старым объектом, а затем использую десериализатор javascript, чтобы скрыть его до любого типа, который я хочу. По крайней мере, таким образом вы можете отлаживать и видеть, какой тип объекта получает веб-метод.

Вам нужно преобразовать свой объект в строку при использовании 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);
        }
    }
}

Ответ 2

В вашем примере он должен работать, если ваш параметр данных:

data: "{'items':" + JSON.stringify(items) + "}"

Имейте в виду, что вам нужно отправить строку JSON в ASP.NET AJAX. Если вы укажете фактический объект JSON в качестве параметра данных jQuery, он будет сериализовать его как пары & k = v? K = v.

Похоже, вы его уже прочитали, но посмотрите еще на мой пример использования JavaScript DTO с jQuery, JSON.stringify и ASP.NET AJAX. Он охватывает все, что вам нужно для выполнения этой работы.

Примечание. Вы никогда не должны использовать JavaScriptSerializer для ручного десериализации JSON в "ScriptService" (как было предложено кем-то еще). Он автоматически делает это для вас, основываясь на указанных типах параметров для вашего метода. Если вы обнаружите, что делаете это, вы делаете это неправильно.

Ответ 3

Ниже приведен фрагмент кода из нашего проекта - у меня были проблемы с тем, чтобы не обертывать объект в виде строки, а также с помощью значений даты - надеюсь, это помогает кому-то:

        // 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 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)
    {

Ответ 4

Украсьте свой [WebMethod] другим атрибутом:

[ScriptMethod(ResponseFormat = ResponseFormat.Json)]

Я считаю, что это в System.Web.Services.Scripting...

Ответ 5

см. ссылку http://www.andrewrowland.com/article/display/consume-dot-net-web-service-with-jquery

Ответ 6

Так вы определяете свои данные (JSON)

data: { 'items': items },

и так оно должно быть

data: '{ items: " '+items +' "}',

в основном вы сериализуете параметр.