jQuery Ajax将json发布到webservice

如何解决jQuery Ajax将json发布到webservice

| 我正在尝试将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对我的json对象进行stringyfy。我正在使用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 = B＆B％2％ 5D = 42.5978231292517＆markers％5B2％5D％5BmarkerPosition％5D = -3 我正在调用的Web服务功能是：

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

解决方法

您提到使用json2.js来对数据进行字符串化，但是POSTed数据似乎是URLEncoded JSON您可能已经看过了，但是这篇关于无效JSON原语的文章介绍了为什么对JSON进行URLEncoded。我建议不要将原始的，手动序列化的JSON字符串传递到您的方法中。 ASP.NET将自动对请求的POST数据进行JSON反序列化，因此，如果您要手动序列化并将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传递for4ѭ参数的JSON字符串，而不是JavaScript对象，以便jQuery不会尝试对数据进行URL编码。在服务器端，将方法的输入参数与要传递的数据的形状匹配：

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）非常灵活，它将尽其所能将输入数据转换为您指定的服务器端类型。 , “ 7”不是JSON对象。这是一个普通的JavaScript对象。阅读有关data:选项的信息：数据要发送到服务器。如果还不是字符串，则将其转换为查询字符串。如果要以JSON格式发送数据，则必须先对其进行编码：

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

jQuery不会自动将对象或数组转换为JSON。但是我认为错误消息来自解释服务的响应。您发回的文本不是JSON。 JSON字符串必须用双引号引起来。因此，您必须执行以下操作：

return \"\\\"received markers\\\"\";

我不确定您的实际问题是发送还是接收数据。 , 我尝试了戴夫·沃德的解决方案。由于contentType设置为“ 11”，因此未在发布请求的有效负载部分中从浏览器发送数据部分。一旦我删除了这条线，一切都很好。

var markers = [{ \"position\": \"128.3657142857143\",\"markerPosition\": \"-3\" }];

$.ajax({

    type: \"POST\",failure: function(errMsg) {
        alert(errMsg);
    }
});

, 我也遇到过这个问题，这是我的解决方案。如果在解析数据时遇到无效的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 ...

, 我有疑问

$(\"#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),success: function(data){alert(\"got the data\"+data);},failure: function(errMsg) {
                alert(errMsg);
            }
        });

    });

我将登录详细信息发布到json中，并得到一个字符串\"Success\"，但没有得到响应。 , 请遵循此步骤以通过ajax调用java的webservice 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);
            }
        });

jQuery Ajax将json发布到webservice

如何解决jQuery Ajax将json发布到webservice

解决方法

相关推荐