Jquery Ajax發佈json到webservice

Question

我想發佈一個JSON對象到asp.net web服務。

我的JSON是這樣的：

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

我使用json2.js到stringyfy我的JSON對象。

我正在使用jquery將其發佈到我的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); 
     } 
    }); 

我收到以下錯誤：

「無效的JSON原始：

我發現了一堆關於這個職位的，它似乎是一個很常見的問題，但沒有我嘗試修復該問題

當螢火蟲什麼被髮送到服務器，它看起來是這樣的：

markers%5B0%5D%5Bposition%5D=128.3657142857143&markers%5B0%5D%5BmarkerPosition%5D=7&markers%5B1%5D%5Bposition%5D=235.1944023323615&markers%5B1%5D%5BmarkerPosition%5D=19&markers%5B2%5D%5Bposition%5D=42.5978231292517&markers%5B2%5D%5BmarkerPosition%5D=-3

正被調用我的web服務的功能是：

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

Answer 1

您提到使用json2.js來對您的數據進行串聯，但發佈的數據看起來是URLEncoded JSON您可能已經看到了它，但this post about the invalid JSON primitive涵蓋了爲何JSON正在被URLEncoded。我想advise against passing a raw, manually-serialized JSON string into your method。 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不會嘗試對您的數據進行URLEn編碼。

在服務器端，匹配您的方法的輸入參數，你傳遞數據的形狀：

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. Read about the data: option：

   Data to be sent to the server. It is converted to a query string, if not already a string.

如果你要發送的數據作爲JSON，你必須先對其進行編碼：

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

的jQuery沒有對象或數組自動轉換成JSON。

---

但我假設錯誤消息來自解釋服務的響應。您發回的文本不是JSON。 JSON字符串必須用雙引號括起來。所以你必須這樣做：

return "\"received markers\""; 

我不確定你的實際問題是發送還是接收數據。

Answer 3

我也遇到過這個，這是我的解決方案。

如果您正在分析數據時，即使你知道你的JSON字符串是正確遇到一個無效的JSON對象例外，字符串化你把它解析爲JSON之前，你的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 ... 

Answer 4

我試過戴夫沃德的解決方案。由於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 5

請通過Ajax調用按照這個對Java的web服務的

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

Answer 6

我有查詢，

$("#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"，但我沒有得到迴應。