Jquery Ajax Invio di json al servizio web

Sto cercando di pubblicare un oggetto JSON su un servizio web asp.net.

Il mio json si presenta così:

var markers = { "markers": [
  { "position": "128.3657142857143", "markerPosition": "7" },
  { "position": "235.1944023323615", "markerPosition": "19" },
  { "position": "42.5978231292517", "markerPosition": "-3" }
]};

Sto usando json2.js per stringyfy il mio oggetto json.

e sto usando jquery per pubblicarlo sul mio servizio web.

  $.ajax({
        type: "POST",
        url: "/webservices/PodcastService.asmx/CreateMarkers",
        data: markers,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(data){alert(data);},
        failure: function(errMsg) {
            alert(errMsg);
        }
  });

Ricevo il seguente errore:

"Primitiva JSON non valida:

Ho trovato un sacco di post relativi a questo e sembra essere un problema molto comune, ma nulla che provo risolva il problema.

Quando si esegue il firebug, ciò che viene pubblicato sul server è simile al seguente:

marcatori% 5B0% 5D% 5Bposition% 5D = 128,3657142857143 & marcatori% 5B0% 5D% 5BmarkerPosition% 5D = 7 & marcatori% 5B1% 5D% 5Bposition% 5D = 235,1944023323615 & marcatori% 5B1% 5D% 5BmarkerPosition% 5D = 19 e marcatori% 5B2% 5D% 5Bposition% 5D = 42,5978231292517 & marcatori% 5B2% 5D% 5BmarkerPosition% 5D = -3

La mia funzione di servizio web che viene chiamata è:

[WebMethod]
public string CreateMarkers(string markerArray)
{
    return "received markers";
}

Hai menzionato l'uso di json2.js per stringere i tuoi dati, ma i dati POST sembrano essere JSON URLEncoded Potresti averlo già visto, ma questo post sulla primitiva JSON non valida copre il motivo per cui JSON è stato URLEncoded.

Vorrei consigliare contro passando una corda grezza manualmente serializzato JSON nel vostro metodo di . ASP.NET sta per deserializzare automaticamente i dati POST della richiesta, quindi se stai serializzando manualmente e inviando una stringa JSON ad ASP.NET, finirai per dover serializzare JSON la tua stringa serializzata JSON.

Suggerirei qualcosa di più in questo senso:

var markers = [{ "position": "128.3657142857143", "markerPosition": "7" },
               { "position": "235.1944023323615", "markerPosition": "19" },
               { "position": "42.5978231292517", "markerPosition": "-3" }];

$.ajax({
    type: "POST",
    url: "/webservices/PodcastService.asmx/CreateMarkers",
    // The key needs to match your method's input parameter (case-sensitive).
    data: JSON.stringify({ Markers: markers }),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(data){alert(data);},
    failure: function(errMsg) {
        alert(errMsg);
    }
});

La chiave per evitare il problema della primitiva JSON non valida è passare a jQuery una stringa JSON per il file data parametro, non un oggetto JavaScript, in modo che jQuery non tenti di URLEncode i tuoi dati.

Sul lato server, abbina i parametri di input del tuo metodo alla forma dei dati che stai passando:

public class Marker
{
  public decimal position { get; set; }
  public int markerPosition { get; set; }
}

[WebMethod]
public string CreateMarkers(List<Marker> Markers)
{
  return "Received " + Markers.Count + " markers.";
}

Puoi anche accettare un array, come Marker[] Markers, se preferisci. Il deserializzatore utilizzato da ASMX ScriptServices (JavaScriptSerializer) è piuttosto flessibile e farà il possibile per convertire i dati di input nel tipo lato server specificato.

1. markersnon è un oggetto JSON. È un normale oggetto JavaScript.
2. Leggi data:sull'opzione :

   Dati da inviare al server. Viene convertito in una stringa di query , se non già una stringa.

Se vuoi inviare i dati come JSON, devi prima codificarli:

data: {markers: JSON.stringify(markers)}

jQuery non converte automaticamente oggetti o matrici in JSON.

Ma suppongo che il messaggio di errore provenga dall'interpretazione della risposta del servizio. Il testo che rispedisci non è JSON. Le stringhe JSON devono essere racchiuse tra virgolette doppie. Quindi dovresti fare:

return "\"received markers\"";

Non sono sicuro che il tuo vero problema sia l'invio o la ricezione dei dati.

Ho provato la soluzione di Dave Ward. La parte di dati non veniva inviata dal browser nella parte di payload della richiesta di post come contentType è impostato su "application/json". Una volta rimossa questa riga, tutto ha funzionato alla grande.

var markers = [{ "position": "128.3657142857143", "markerPosition": "7" },

               { "position": "235.1944023323615", "markerPosition": "19" },

               { "position": "42.5978231292517", "markerPosition": "-3" }];

$.ajax({

    type: "POST",
    url: "/webservices/PodcastService.asmx/CreateMarkers",
    // The key needs to match your method's input parameter (case-sensitive).
    data: JSON.stringify({ Markers: markers }),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(data){alert(data);},
    failure: function(errMsg) {
        alert(errMsg);
    }
});

Ho incontrato anche questo e questa è la mia soluzione.

Se si verifica un'eccezione di oggetto json non valida durante l'analisi dei dati, anche se si sa che la stringa JSON è corretta, stringere i dati ricevuti nel codice Ajax prima di analizzarli su JSON:

$.post(CONTEXT+"servlet/capture",{
        yesTransactionId : yesTransactionId, 
        productOfferId : productOfferId
        },
        function(data){
            try{
                var trimData = $.trim(JSON.stringify(data));
                var obj      = $.parseJSON(trimData);
                if(obj.success == 'true'){ 
                    //some codes ...

Ho una domanda,

$("#login-button").click(function(e){ alert("hiii");

        var username = $("#username-field").val();
        var password = $("#username-field").val();

        alert(username);
        alert("password" + password);



        var markers = { "userName" : "admin","password" : "admin123"};
        $.ajax({
            type: "POST",
            url: url,
            // The key needs to match your method's input parameter (case-sensitive).
            data: JSON.stringify(markers),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(data){alert("got the data"+data);},
            failure: function(errMsg) {
                alert(errMsg);
            }
        });

    });

Sto pubblicando i dettagli di accesso in json e "Success"ricevo una stringa come , ma non ricevo la risposta.

Per favore, segui questo tramite una chiamata ajax al servizio web di java var param = {feildName: feildValue}; JSON.stringify ({data: param})

$.ajax({
            dataType    : 'json',
            type        : 'POST',
            contentType : 'application/json',
            url         : '<%=request.getContextPath()%>/rest/priceGroups',
            data        : JSON.stringify({data : param}),
            success     : function(res) {
                if(res.success == true){
                    $('#alertMessage').html('Successfully price group created.').addClass('alert alert-success fade in');
                    $('#alertMessage').removeClass('alert-danger alert-info');
                    initPriceGroupsList();
                    priceGroupId = 0;
                    resetForm();                                                                    
                }else{                          
                    $('#alertMessage').html(res.message).addClass('alert alert-danger fade in');
                }
                $('#alertMessage').alert();         
                window.setTimeout(function() { 
                    $('#alertMessage').removeClass('in');
                    document.getElementById('message').style.display = 'none';
                }, 5000);
            }
        });