Jquery Ajax webservice에 json 게시

Question

asp.net webservice에 JSON 개체를 게시하려고합니다.

내 JSON은 다음과 같습니다

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

내가 내 JSON 개체를 stringyfy하는 json2.js를 사용하고 있습니다.

그리고 내 웹 서비스에 게시하려면 jquery를 사용하고 있습니다. 원시

"잘못된 JSON :

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

나는 다음과 같은 오류를 얻고있다

나는이 관련된 게시물의 무리를 발견하고 그것을 내가하려고 정말 일반적인 문제 아무것도하지만 것 같다 이 문제를 해결

서버에 게시되는 내용 방화 광은 다음과 같습니다.

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

호출되는 16,

내 웹 서비스 기능은 다음과 같습니다

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

Answer 1

json2.js를 사용하여 데이터의 문자열을 지정했지만 게시 된 데이터는 URL 인코딩 된 JSON 인 것으로 나타났습니다. 이미 본 적이 있지만 this post about the invalid JSON primitive은 JSON이 URL 인코딩 된 이유를 설명합니다.

저는 advise against passing a raw, manually-serialized JSON string into your method입니다. ASP.NET은 요청의 POST 데이터를 자동으로 JSON deserialize 할 것이므로, 수동으로 JSON 문자열을 직렬화하여 ASP.NET으로 보내면 실제로 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 원시 문제를 피하는의 핵심은되도록 data 매개 변수가 아닌 자바 스크립트 객체 jQuery를에게 JSON 문자열을 전달하는 것입니다 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)는 매우 유연하며 입력 데이터를 지정한 서버 측 유형으로 변환 할 수있는 작업을 수행합니다.

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으로 파싱하기 전에 아약스 코드에서 수신 된 데이터 캐릭터 라인 화 :

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

을 나는 Dave Ward의 해결책을 시도했다. 콘텐츠 유형이 "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({ 
      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"으로 표시하고 있지만 응답이 없습니다.