> 웹 프론트엔드 > JS 튜토리얼 > jQuery.ajax#get에서 \'예기치 않은 토큰 콜론 JSON\' 오류를 수정하는 방법은 무엇입니까?

jQuery.ajax#get에서 \'예기치 않은 토큰 콜론 JSON\' 오류를 수정하는 방법은 무엇입니까?

Barbara Streisand
풀어 주다: 2024-10-19 22:57:02
원래의
633명이 탐색했습니다.

How to Fix the

jQuery.ajax#get에서 "예기치 않은 토큰 콜론 JSON" 오류 해결

최소 API에서 JSON 데이터를 검색하려는 시도 중 Node.js에서 생성한 경우 Chrome에서 '예기치 않은 토큰:' 오류가 발생했습니다. 이 오류는 일반적으로 서버의 예상 JSON 응답과 실제 JSON 응답이 일치하지 않기 때문에 발생합니다.

jQuery.ajax#get을 사용하고 dataType을 'jsonp'로 지정하여 AJAX 호출을 수행하는 경우 서버 응답에는 JSONP 요청을 지원하기 위한 "패딩"(P) JSONP는 JSON 데이터를 함수 호출로 래핑하여 도메인 간 요청을 허용하는 기술입니다.

이 문제를 해결하려면 응답에 패딩을 포함하도록 서버 측 코드를 수정해야 합니다. Node.js 코드에 다음 줄을 추가하세요.

var callback = req.query.callback;
var data = JSON.stringify({
    Name : "Tom",
    Description : "Hello it's me!"
});

if (callback) {
    res.setHeader('Content-Type', 'text/javascript');
    res.end(callback + '(' + data + ')');
} else {
    res.setHeader('Content-Type', 'application/json');
    res.end(data);
}
로그인 후 복사

또는 Express.js를 사용하는 경우 패딩 추가를 자동으로 처리하는 res.jsonp() 메서드를 활용할 수 있습니다. :

app.get( '/', function( req, res ) {
    console.log( 'req received' );

    res.jsonp({
        Name : "Tom",
        Description : "Hello it's me!"
    });
});
로그인 후 복사

이러한 수정을 통해 서버는 "예기치 않은 토큰" 오류가 발생하지 않고 jQuery.ajax#get으로 구문 분석할 수 있는 함수 호출에 래핑된 JSONP 응답을 보냅니다.

위 내용은 jQuery.ajax#get에서 '예기치 않은 토큰 콜론 JSON' 오류를 수정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿