"Ungültiges JSON-Grundelement" in der Ajax-Verarbeitung

Ich erhalte eine Fehlermeldung bei einem Ajax-Aufruf von jQuery.

Hier ist meine jQuery-Funktion:

function DeleteItem(RecordId, UId, XmlName, ItemType, UserProfileId) {
    var obj = {
        RecordId: RecordId,
        UserId: UId,
        UserProfileId: UserProfileId,
        ItemType: ItemType,
        FileName: XmlName
    };
    var json = Sys.Serialization.JavaScriptSerializer.serialize(obj);

    $.ajax({
        type: "POST",
        url: "EditUserProfile.aspx/DeleteRecord",
        data: json,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        async: true,
        cache: false,
        success: function(msg) {
            if (msg.d != null) {
                RefreshData(ItemType, msg.d);
            }
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            alert("error occured during deleting");
        }
    });
}

und das ist mein WebMethod:

[WebMethod]
public static string DeleteRecord(Int64 RecordId, Int64 UserId, Int64 UserProfileId, string ItemType, string FileName) {
    try {
        string FilePath = HttpContext.Current.Server.MapPath(FileName);

        XDocument xmldoc = XDocument.Load(FilePath);
        XElement Xelm = xmldoc.Element("UserProfile");
        XElement parentElement = Xelm.XPathSelectElement(ItemType + "/Fields");

        (from BO in parentElement.Descendants("Record")
         where BO.Element("Id").Attribute("value").Value == RecordId.ToString()
         select BO).Remove();
        XDocument xdoc = XDocument.Parse(Xelm.ToString(), LoadOptions.PreserveWhitespace);
        xdoc.Save(FilePath);

        UserInfoHandler obj = new UserInfoHandler();
        return obj.GetHTML(UserId, UserProfileId, FileName, ItemType, RecordId, Xelm).ToString();
    } catch (Exception ex) {
        HandleException.LogError(ex, "EditUserProfile.aspx", "DeleteRecord");
    }
    return "success";
}

Kann mir bitte jemand sagen, was in meinem Code falsch ist?

Ich erhalte diesen Fehler:

{
    "Message":"Invalid JSON primitive: RecordId.",
    "StackTrace":"
       at System.Web.Script.Serialization.JavaScriptObjectDeserializer.DeserializePrimitiveObject()
       at System.Web.Script.Serialization.JavaScriptObjectDeserializer.DeserializeInternal(Int32 depth)
       at System.Web.Script.Serialization.JavaScriptObjectDeserializer.BasicDeserialize(String input, Int32 depthLimit, JavaScriptSerializer serializer)
       at System.Web.Script.Serialization.JavaScriptSerializer.Deserialize(JavaScriptSerializer serializer, String input, Type type, Int32 depthLimit)
       at System.Web.Script.Serialization.JavaScriptSerializer.Deserialize[T](String input)
       at System.Web.Script.Services.RestHandler.GetRawParamsFromPostRequest(HttpContext context, JavaScriptSerializer serializer)
       at System.Web.Script.Services.RestHandler.GetRawParams(WebServiceMethodData methodData, HttpContext context)
       at System.Web.Script.Services.RestHandler.ExecuteWebServiceCall(HttpContext context, WebServiceMethodData methodData)",
    "ExceptionType":"System.ArgumentException"
}

Nur eine Vermutung, was die Variable danach jsonenthält

var json = Sys.Serialization.JavaScriptSerializer.serialize(obj);?

Wenn es sich um ein gültiges JSON-Objekt handelt, {'foo':'foovalue', 'bar':'barvalue'}sendet jQuery es möglicherweise nicht als JSON-Daten, sondern serialisiert es, foor=foovalue&bar=barvalueum den Fehler zu erhalten"Invalid JSON primitive: foo"

Versuchen Sie stattdessen, die Daten als Zeichenfolge festzulegen

$.ajax({
    ...
    data: "{'foo':'foovalue', 'bar':'barvalue'}", //note the additional quotation marks
    ...
})

Auf diese Weise sollte jQuery die Daten in Ruhe lassen und die Zeichenfolge unverändert an den Server senden, damit ASP.NET die json-Serverseite analysieren kann.

Verwenden von

data : JSON.stringify(obj)

in der oben genannten Situation hätte es meiner Meinung nach funktioniert.

Hinweis: Sie sollten die Bibliothek json2.js hinzufügen. Alle Browser unterstützen dieses JSON-Objekt nicht (IE7-). Unterschied zwischen json.js und json2.js

Wie durch Jitter festgestellt, $.ajaxserialisiert die Funktion jedes Objekt / Array, das als dataParameter verwendet wird, in ein URL-codiertes Format. Seltsamerweise gilt der dataTypeParameter nur für die Antwort vom Server - und nicht für Daten in der Anforderung.

Nachdem ich auf dasselbe Problem gestoßen war, habe ich das jquery-json-Plugin heruntergeladen und verwendet , um die Anforderungsdaten korrekt in den ScriptService zu codieren. Verwenden Sie dann die $.toJSONFunktion, um die gewünschten Argumente zu codieren, die an den Server gesendet werden sollen:

$.ajax({
    type: "POST",
    url: "EditUserProfile.aspx/DeleteRecord",
    data: $.toJSON(obj),
    contentType: "application/json; charset=utf-8",
    dataType: "json"
    ....
});

es funktioniert so etwas

data: JSON.stringify({'id':x}),

Jquery Ajax sendet die Daten standardmäßig als Abfragezeichenfolgenparameter wie folgt:

RecordId=456&UserId=123

es sei denn, die processDataOption ist auf false gesetzt. In diesem Fall wird sie als Objekt an den Server gesendet.

• contentType Option ist für den Server, in welchem ​​Format der Client die Daten gesendet hat.

• dataType Die Option gilt für den Server, der angibt, welche Art von Datenclient vom Server zurück erwartet.

Geben Sie contentType nicht an, damit der Server sie als Abfragezeichenfolgenparameter und nicht als json analysiert.

ODER

Verwenden Sie contentType als 'application / json; charset = utf-8 'und verwenden Sie JSON.stringify (Objekt), damit der Server json aus dem String deserialisieren kann.

Ich denke, @jitter hatte Recht mit seiner Vermutung, aber seine Lösung hat bei mir nicht funktioniert.

Folgendes hat funktioniert:

$.ajax({
    ...
    data: "{ intFoo: " + intFoo + " }",
    ...
});

Ich habe es nicht versucht, aber ich denke, wenn der Parameter eine Zeichenfolge ist, sollte es so sein:

$.ajax({
    ...
    data: "{ intFoo: " + intFoo + ", strBar: '" + strBar + "' }",
    ...
});

Ich hatte das gleiche Problem. Was ich mit einer guten Lösung gefunden habe, ist wie folgt:

Versuche dies...

$.ajax({
    type: "POST",
    url: "EditUserProfile.aspx/DeleteRecord",
    data: '{RecordId: ' + RecordId + ', UserId: ' + UId + ', UserProfileId:' + UserProfileId + ', ItemType: \'' + ItemType + '\', FileName: '\' + XmlName + '\'}',
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    async: true,
    cache: false,
    success: function(msg) {
        if (msg.d != null) {
            RefreshData(ItemType, msg.d);
        }
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        alert("error occured during deleting");
    }
});

Bitte beachten Sie hier für den String-Typ-Parameter, dass ich (\ ') Escape-Sequenz-Zeichen verwendet habe, um ihn als String-Wert zu kennzeichnen.

Wenn Sie JSON manuell formatieren, gibt es hier einen sehr praktischen Validator: jsonlint.com

Verwenden Sie doppelte Anführungszeichen anstelle von einfachen Anführungszeichen:

Ungültig:

{
    'project': 'a2ab6ef4-1a8c-40cd-b561-2112b6baffd6',
    'franchise': '110bcca5-cc74-416a-9e2a-f90a8c5f63a0'
}

Gültig:

{
    "project": "a2ab6ef4-1a8c-40cd-b561-2112b6baffd6",
    "franchise": "18e899f6-dd71-41b7-8c45-5dc0919679ef"
}

Auf dem Server können Sie json für benutzerdefinierte Objekte serialisieren / deserialisieren:

public static string Serialize<T>(T obj)
{
    DataContractJsonSerializer serializer = new DataContractJsonSerializer(obj.GetType());
    MemoryStream ms = new MemoryStream();
    serializer.WriteObject(ms, obj);
    string retVal = Encoding.UTF8.GetString(ms.ToArray());
    return retVal;
}

public static T Deserialize<T>(string json)
{
    T obj = Activator.CreateInstance<T>();
    MemoryStream ms = new MemoryStream(Encoding.Unicode.GetBytes(json));
    DataContractJsonSerializer serializer = new DataContractJsonSerializer(obj.GetType());
    obj = (T)serializer.ReadObject(ms);
    ms.Close();
    return obj;
}

Ich hatte das gleiche Problem. Ich habe die übergeordnete Seite "Speichern" aus dem Popup-Fenster "Schließen" aufgerufen. Es wurde festgestellt, dass ich ClientIDMode="Static"sowohl auf der übergeordneten als auch auf der Popup-Seite dieselbe Steuerelement-ID verwendet habe. Das Entfernen ClientIDMode="Static"von einer der Seiten löste das Problem.

Hier ist dataTpe "json", daher muss data / reqParam beim Aufrufen der API die Form einer Zeichenfolge haben, viele so viele Objekte wie Sie möchten, aber schließlich innerhalb der Daten von $ .ajax das Objekt stringifizieren.

             let person= {  name: 'john',
                age: 22
            };

           var personStr = JSON.stringify(person); 

            $.ajax({
                url: "@Url.Action("METHOD", "CONTROLLER")",
                type: "POST",
                data: JSON.stringify( { param1: personStr } ),
                contentType: "application/json;charset=utf-8",
                dataType: "json",
        success: function (response) {

            console.log("Success");

        },
        error: function (error) {
            console.log("error found",error);
        }
    });

ODER,

       $.ajax({
                url: "@Url.Action("METHOD", "CONTROLLER")",
                type: "POST",
                data: personStr,
                contentType: "application/json;charset=utf-8",
                dataType: "json",
        success: function (response) {

            console.log("Success");

        },
        error: function (error) {
            console.log("error found",error);
        }
    });

Diese Antworten ließen mich nur zwischen ungültigem Parameter und fehlendem Parameter hin und her springen.

das hat bei mir funktioniert, nur String-Variablen in Anführungszeichen setzen ...

data: { RecordId: RecordId,
            UserId: UId,
            UserProfileId: UserProfileId,
            ItemType: '"' +  ItemType + '"',
            FileName: '"' +  XmlName + '"'
    }