ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery AJAX を使用して JSON データを正しく送信するにはどうすればよいですか?

jQuery AJAX を使用して JSON データを正しく送信するにはどうすればよいですか?

Linda Hamilton
リリース: 2024-10-30 22:32:02
オリジナル
822 人が閲覧しました

How to Send JSON Data Correctly with jQuery AJAX?

jQuery を使用した JSON データの送信

データが「&City=Moscow&Age=25」のようなクエリ文字列で送信される場合、この問題がよく発生します。 " jQuery の AJAX 関数を使用する場合は、JSON 形式の代わりに。これは、JSON リクエストに必要なパラメータが指定されていないために発生します。

これを解決するには、次の手順を実行することが重要です。

  1. データを JSON に変換する: JSON.stringify メソッドを使用して、JavaScript オブジェクトを JSON 文字列に変換します。古いブラウザでは、json2.js を含める必要がある場合があります。
  2. コンテンツ タイプを設定します: 送信されるリクエストのタイプを指定するには、contentType プロパティを含めます。この場合、「application/json;」を使用します。 charset=utf-8'.
  3. 応答タイプを指定します: dataType プロパティを使用して、サーバーからの予期される応答形式を示します。通常、これを「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);
    }
});
ログイン後にコピー

これらの手順に従うことで、JSON データを jQuery で送信できます。 AJAX が正しく行われ、データが期待された形式で転送されるようになります。

以上がjQuery AJAX を使用して JSON データを正しく送信するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート