Jquery Ajax Отправка JSON на веб-сервис

Question

Я пытаюсь опубликовать объект JSON на веб-сервисе asp.net.

Мой JSON выглядит так:

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

Я использую json2.js, чтобы зацепить мой объект json.

и я использую jquery для публикации на своем веб-сервисе.

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

Я получаю следующую ошибку:

"Недопустимый примитив JSON:

Я нашел кучу постов, связанных с этим, и, похоже, это действительно распространенная проблема, но я не пытаюсь решить эту проблему.

Когда firebug публикуется на сервере, это выглядит так:

маркеры% 5B0% 5D% 5Bposition% 5D = 128,3657142857143 & маркеры% 5B0% 5D% 5BmarkerPosition% 5D = 7 & маркеры% 5B1% 5D% 5Bposition% 5D = 235,1944023323615 & маркеры% 5B1% 5D% 5BmarkerPosition% 5D = 19 & маркеры% 5В2% 5D % 5Bposition% 5D = 42,5978231292517 & маркеры% 5В2% 5D% 5BmarkerPosition% 5D = -3

Моя вызываемая функция веб-сервиса:

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

Answer 1

Вы упомянули использование json2.js для структурирования ваших данных, но POST-данные выглядят как USON-кодированный JSON. Возможно, вы уже видели это, но этот пост о недопустимом примитиве JSON описывает, почему JSON используется URLEncoded.

Я бы посоветовал против передачи необработанной, сериализованной вручную строки JSON в ваш метод . ASP.NET собирается автоматически JSON десериализовать данные запроса POST, поэтому, если вы вручную сериализуете и отправляете строку JSON в ASP.NET, вам фактически придется JSON сериализовать вашу сериализованную строку JSON.

Я бы предложил что-то еще в этом духе:

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

Ключом к устранению недопустимой проблемы примитива JSON является передача jQuery строки JSON для параметра data, а не объекта JavaScript, чтобы jQuery не пытался URLEncode для ваших данных.

На стороне сервера сопоставьте входные параметры вашего метода с формой передаваемых данных:

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

Вы также можете принять массив, например Marker[] Markers, если хотите. Десериализатор, который использует ASMX ScriptServices (JavaScriptSerializer), довольно гибкий и сделает все возможное для преобразования ваших входных данных в указанный вами тип серверной части.

Answer 2

1. markers не является объектом JSON. Это обычный объект JavaScript.
2. Подробнее о опции data: :

   Данные для отправки на сервер. Он преобразуется в строку запроса , если это еще не строка.

Если вы хотите отправить данные в формате JSON, вы должны сначала их кодировать:

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

jQuery не преобразует объекты или массивы в JSON автоматически.

---

Но я предполагаю, что сообщение об ошибке исходит от интерпретации ответа службы. Текст, который вы отправляете обратно, не является JSON. Строки JSON должны быть заключены в двойные кавычки. Так что вам нужно сделать:

return "\"received markers\"";

Я не уверен, что ваша настоящая проблема - отправка или получение данных.

Answer 3

Я попробовал решение Дейва Уорда.Часть данных не отправлялась из браузера в части полезных данных почтового запроса, поскольку contentType установлен на "application/json".Как только я удалил эту строку, все заработало отлично.

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

Answer 4

Я тоже с этим столкнулся, и это мое решение.

Если при синтаксическом анализе данных вы столкнулись с недопустимым исключением объекта json, даже если вы знаете, что ваша строка json верна, преобразуйте данные, полученные в коде ajax, прежде чем анализировать их в 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 ...

Answer 5

У меня есть запрос,

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

    });

Я публикую регистрационные данные в json и получаю строку как "Success", но я не получаю ответ.

Answer 6

Пожалуйста, следуйте этому по ajax вызову веб-сервиса 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);
            }
        });