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"，但我没有得到回应。