매개 변수를 로컬 변수로 사용하는 Ajax 호출이 작동하지 않습니다.

Question

다음과 같이 코드에서 webMethod를 정의했습니다.

[System.Web.Services.WebMethod] 
     public static string testCall(int qid, String answerContent) 
     { 
     log.Debug("this is call from jquery" + qid.ToString() + answerContent); 

      return "true"; 
     } 

아래와 같이 jquery에서 ajax 호출을 통해이 메소드를 호출하려고합니다.

<script> 

     $(".submitBtn").click(function (e) { 

      alert(this.id); 
      var qID = this.id; 

      $.ajax({ 
       type: "POST", 
       url: '/default.aspx/testCall', 
       data: '{ "qid":' + qID + ', "answerContent":"test" }', 
       contentType: "application/json; charset=utf-8", 
       success: function() { 

       }, 
       failure: function (response) { 
        alert("fail"); 
       }, 
       dataType: 'html' 
      }); 
     }); 
      </script> 

하지만 이는 작동하지 않습니다.

그러나 아래와 같이 매개 변수의 하드 코딩 된 값을 전달합니다. 정상적으로 작동합니다.

data: '{ "qid":"1234", "answerContent":"test" }' 

그러나 var qID 당신과 같이이 줄을 사용해야합니다

Answer 1

는 JSON을 손으로 조립하지 마십시오. ID 값이 정말 수 (경우

data: JSON.stringify({qid: qID, answerContent:"test"}), 

: 당신은 등

대신, JSON의 stringifier를 사용하여, 당신은 구분 기호를 놓치지거야, 문자열에 기대하지 않는 자에 물린 얻을 것이다 ,

data: JSON.stringify({qid: +qID, answerContent:"test"}), 
// ------------------------^ 

...하지만 당신이 일을 말했다 당신의 하드 코드 예제는 ID에 대한 문자열을 사용 : 당신은 this.id가 문자열로, 당신은() 구문 분석 할 것입니다)를 int로 수신하고 그래서 ...

Answer 2

를 작동하지 않는 매개 변수로 지나가는 :

data: '{ "qid": "' + qID + '", "answerContent":"test" }'