jQuery.ajax "data"매개 변수 구문

Question

javascript 변수의 내용을 처리를 위해 서버에 전달하려고합니다. 정적 문자열 전달할 수 있지만 문자열을 포함하는 변수를 전달할 때 WebMethod 호출되지 않습니다. 여기 내 코드입니다 : (클라이언트)

function expand(checkbox) 
{ 
    var selectedrow = checkbox.parentNode.parentNode; 
    var rowindex = selectedrow.rowIndex; 
    var parent = document.getElementById("parentTable"); 
    var NextRow = parent.rows[rowindex + 1]; 

    var cols = selectedrow.cells[1]; 
    var ID = cols.firstElementChild.attributes.value; 


    $.ajax({ 
     type: "post", 
     url: "Playground.aspx/childBind", 
     data: "{sendData: ID}", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (result) { alert("successful!" + result.d); } 
    }) 

    NextRow.style.visibility = "visible"; 
} 

내가 데이터를 시도한다면

[WebMethod] 
    public static string childBind(string sendData) 
    { 
     return String.Format("Hello"); 
    } 

이제 (서버) : "{같이 sendData는"확인 "}"는의 WebMethod가 호출되는 및 응답을 반환합니다. 구문이 어떻게 잘못 되었습니까?

Answer 1

문자열로 전달할 필요가 없습니다. ID은 자바 스크립트 변수이므로 값을 전달해야합니다. "{sendData: ID}"으로 데이터를 전달할 때 ID 값을 전달하지 않습니다.

는이

data: { sendData: ID } 

Answer 2

대신 ("{sendData: ID}" 대신 {sendData: ID}의) 객체의 문자열을 전송했다보십시오. 그리고 전송 한 데이터는 JSON이 아닙니다. 따라서 contentType 행을 제거하고 데이터 행을 변경하십시오. 이 같이 다시 작성해야 : 당신이 보내려면,

$.ajax({ 
    type: "post", 
    url: "Playground.aspx/childBind", 
    data: {sendData: ID}, 
    dataType: "json", 
    success: function (result) { alert("successful!" + result.d); } 
}) 

당신이 쓸 수 JSON :

$.ajax({ 
    type: "post", 
    url: "Playground.aspx/childBind", 
    data: $.getJSON({sendData: ID}), 
    dataType: "json", 
    contentType: "application/json; charset=utf-8", 
    success: function (result) { alert("successful!" + result.d); } 
}) 

Answer 3

당신은 jQuery를 대답 이러한 테스트 실행 사용하고 있기 때문에 :

을 여기

var ID = 45; 

var x = "{sendData: ID}"; 

alert(jQuery.isPlainObject(x)); // false 

var y = { sendData: ID}; 

alert(jQuery.isPlainObject(y)); // true 

는 jsFiddle입니다 :

http://jsfiddle.net/3ugKE/

Answer 4

'ID'는 변수가 아닌 문자열으로 전달됩니다. 데이터 객체 주위의 따옴표를 제거하면됩니다.

는 또한 JSON과 자바 스크립트 객체에 읽기 :

http://www.json.org/

http://www.w3schools.com/js/js_objects.asp

Answer 5

는이 코드를 사용할 수 있습니다 : 여기

$.ajax({ 
     type: "post", 
     url: "Playground.aspx/childBind", 
     data: JSON.stringify({sendData: ID}), 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (result) { alert("successful!" + result.d); } 
    })