Jquery Ajax Posting json w serwisie internetowym

Próbuję opublikować obiekt JSON w usłudze internetowej asp.net.

Mój Json wygląda następująco:

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

Używam json2.js do stringyfy mój obiekt json.

i używam jquery do opublikowania go w mojej usłudze internetowej.

  $.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);
        }
  });

Otrzymuję następujący błąd:

„Niepoprawna operacja podstawowa JSON:

Znalazłem kilka postów związanych z tym i wydaje się, że jest to naprawdę częsty problem, ale nic, co próbuję rozwiązać, nie rozwiązuje problemu.

Gdy firebug jest publikowany na serwerze, wygląda to tak:

markery% 5B0% 5D% 5Bpozycja% 5D = 128.3657142857143 i markery% 5B0% 5D% 5BmarkerPozycja% 5D = 7 i markery% 5B1% 5D% 5Bpozycja% 5D = 235,1944023323615 i markery% 5B1% 5D% 5B Marker%% 5D 5D = 42,5978231292517 i markery% 5B2% 5D% 5 Marker Pozycja% 5D = -3

Moja wywoływana funkcja usługi internetowej to:

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

Wspomniałeś, że używasz json2.js, aby skretyfikować swoje dane, ale dane POSTed wydają się być JSON URLEncoded Być może już to widziałeś, ale ten post o niepoprawnej operacji podstawowej JSON opisuje, dlaczego JSON jest URLEncoded.

Chciałbym doradzić przed przechodzącą surowe, ręcznie odcinkach ciąg JSON do swojej metody . ASP.NET automatycznie JSON zdekrializuje dane POST żądania, więc jeśli ręcznie serializujesz i wysyłasz ciąg JSON do ASP.NET, w rzeczywistości będziesz musiał JSON serializować swój szeregowany ciąg JSON.

Sugerowałbym coś więcej zgodnie z tymi wskazówkami:

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);
    }
});

Kluczem do uniknięcia niepoprawnego pierwotnego problemu JSON jest przekazanie jQuery ciągu JSON dla dataparametru, a nie obiektu JavaScript, aby jQuery nie próbował URLEncode danych.

Po stronie serwera dopasuj parametry wejściowe metody do kształtu przekazywanych danych:

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.";
}

Możesz również zaakceptować tablicę, na przykład Marker[] Markers, jeśli wolisz. Deserializator, którego używa ASMX ScriptServices (JavaScriptSerializer), jest dość elastyczny i zrobi wszystko, co w jego mocy, aby przekonwertować dane wejściowe na określony typ po stronie serwera.

1. markersnie jest obiektem JSON. Jest to normalny obiekt JavaScript.
2. Przeczytaj o data:opcji :

   Dane do wysłania na serwer. Jest konwertowany na ciąg zapytania , jeśli nie jest już ciągiem.

Jeśli chcesz wysłać dane jako JSON, musisz najpierw je zakodować:

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

jQuery nie konwertuje automatycznie obiektów ani tablic do JSON.

Ale zakładam, że komunikat o błędzie pochodzi z interpretacji odpowiedzi usługi. Odesłany tekst nie jest JSON. Ciągi JSON muszą być ujęte w podwójne cudzysłowy. Więc musisz zrobić:

return "\"received markers\"";

Nie jestem pewien, czy twoim prawdziwym problemem jest wysyłanie lub odbieranie danych.

Wypróbowałem rozwiązanie Dave'a Warda. Część danych nie była wysyłana z przeglądarki w części danych żądania wysyłania, ponieważ parametr contentType jest ustawiony na "application/json". Po usunięciu tej linii wszystko działało świetnie.

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);
    }
});

Zetknąłem się też z tym i to jest moje rozwiązanie.

Jeśli podczas analizowania danych napotkasz niepoprawny wyjątek obiektu json, mimo że wiesz, że łańcuch json jest poprawny, przed analizowaniem go do JSON należy skorygować dane otrzymane w kodzie ajax:

$.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 ...

Mam zapytanie

$("#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);
            }
        });

    });

Wysyłam dane logowania w json i otrzymuję ciąg jako "Success", ale nie otrzymuję odpowiedzi.

Postępuj zgodnie z tym, wywołując ajax do webservice 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);
            }
        });