jQuery를 사용하여 JSON 데이터를 보내는 방법: 대신 쿼리 문자열을 받는 이유는 무엇입니까?

jQuery를 사용한 JSON 데이터 전송 이해

JSON 형식으로 데이터를 보내는 것은 웹페이지와 서버 간의 효율적인 통신을 위해 매우 중요합니다. 그러나 "City=Moscow&Age=25"와 같이 형식화되지 않은 방식으로 데이터가 전송되는 경우 이는 적절한 요청 구성이 부족하기 때문일 수 있습니다.

제공된 코드는 jQuery를 사용하여 JSON 데이터를 전송하려고 시도합니다. $.ajax() 메소드. 기본적으로 jQuery는 데이터를 쿼리 문자열로 변환하여 "City=Moscow&Age=25" 형식이 됩니다. 이 문제를 해결하려면 다음 단계를 따르세요.

1. JSON.stringify() 사용: JSON.stringify()를 사용하여 JavaScript 개체(arr)를 JSON 문자열로 변환합니다.
2. 요청 콘텐츠 유형 설정: contentType 속성을 사용하여 요청 콘텐츠 유형을 "application/json; charset=utf-8"로 지정합니다. 이는 데이터가 JSON으로 전송되고 있음을 서버에 알립니다.
3. JSON 응답 확인: 서버에서 예상되는 응답이 JSON이어야 함을 나타내도록 dataType: 'json' 속성을 설정합니다. format.

정정된 코드는 다음과 같습니다.

<code class="javascript">var arr = { City: 'Moscow', Age: 25 };
$.ajax({
    url: 'Ajax.ashx',
    type: 'POST',
    data: JSON.stringify(arr),
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    async: false,
    success: function(msg) {
        alert(msg);
    }
});</code>

추가 참고 사항:

• arr은 배열이 아니지만 자바스크립트 객체. 배열은 []로 묶입니다.
• 서버가 HTTP 프로토콜을 준수하고 "Content-Type: application/json"으로 응답하는 경우 성공 콜백은 자동으로 JSON 응답을 JavaScript 개체로 구문 분석합니다.

위 내용은 jQuery를 사용하여 JSON 데이터를 보내는 방법: 대신 쿼리 문자열을 받는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!