내 jQuery AJAX 요청이 JSON 대신 일반 텍스트로 데이터를 보내는 이유는 무엇입니까?

jQuery를 사용하여 효과적으로 JSON 데이터 전송

웹 개발에서는 클라이언트 측과 서버 간에 데이터를 효율적으로 전송하는 것이 중요한 경우가 많습니다. 널리 사용되는 JavaScript 라이브러리인 jQuery는 이러한 데이터 교환을 처리하기 위한 편리한 방법을 제공합니다. 일반적인 작업 중 하나는 jQuery를 사용하여 JSON 형식의 데이터를 서버에 보내는 것입니다.

그러나 때때로 개발자는 데이터가 원하는 JSON 형식이 아닌 일반 텍스트로 전송되는 문제에 직면합니다. 왜 이런 일이 발생하는지 이해하기 위해 코드 조각을 살펴보겠습니다.

var arr = {City:'Moscow', Age:25};
$.ajax(
   {
        url: "Ajax.ashx",
        type: "POST",
        data: arr,
        dataType: 'json',
        async: false,
        success: function(msg) {
            alert(msg);
        }
    }
);

이 코드는 $.ajax 메서드를 사용하여 arr 개체의 데이터를 Ajax.ashx 서버로 보내려고 시도합니다. 그러나 코드가 요청 콘텐츠 유형을 지정하지 않거나 JSON 요청을 올바르게 구성하지 않기 때문에 문제가 발생합니다.

이를 수정하려면 JSON.stringify 메서드를 사용하여 JavaScript 개체를 기본 JSON 문자열로 변환해야 합니다. :

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

참고할 핵심 사항:

• contentType: 요청 콘텐츠 유형을 지정합니다. JSON 요청이 전송되고 있습니다.
• dataType: 서버에서 예상되는 응답 유형을 나타냅니다.
• JSON.stringify: JavaScript 개체를 다음으로 변환합니다. JSON 문자열.

추가 고려 사항:

• arr 개체는 실제로 배열이 아닌 JavaScript 개체입니다. 배열은 []로 표시해야 합니다.
• 서버의 응답에 주의하고 해당 Content-Type 헤더가 JSON 응답을 올바르게 반영하는지 확인하세요. 그렇지 않으면 jQuery는 실제 형식에 관계없이 응답을 JSON으로 구문 분석하려고 시도합니다.

위 내용은 내 jQuery AJAX 요청이 JSON 대신 일반 텍스트로 데이터를 보내는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!