ホームページ  >  記事  >  ウェブフロントエンド  >  「jQuery.ajax#get 後に予期しないトークン コロン JSON が発生しました」エラーを解決するにはどうすればよいですか?

「jQuery.ajax#get 後に予期しないトークン コロン JSON が発生しました」エラーを解決するにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-10-19 22:54:29256ブラウズ

How to Resolve

「jQuery.ajax#get 後の予期しないトークン コロン JSON」のトラブルシューティング

AJAX リクエストを実行して JSON データを受信すると、ユーザーは「予期しないトークン コロン JSON」というエラーが発生する場合がありますjQuery.ajax#get の後。」このエラーは、サーバーで JSONP リクエストがサポートされていないために発生します。

この問題を解決するには、サーバーは JSONP 応答に「Padding」または「P」を含める必要があります。このパディング パラメーターにより、サーバーは JSONP リクエストを処理できるようになり、括弧の不一致による JavaScript での構文エラーが発生するのを防ぎます。

jQuery の例:

JSONP リクエストを処理するにはjQuery では、サーバー側コードで次を使用できます:

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

また、ExpressJS は、JSONP リクエストを自動的に処理する便利な res.jsonp() メソッドを提供します:

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

    res.jsonp({
        Name : "Tom",
        Description : "Hello it's me!"
    });
});

以上が「jQuery.ajax#get 後に予期しないトークン コロン JSON が発生しました」エラーを解決するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。