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

jQuery の $.ajax を使用して JSON データを直接送信するにはどうすればよいですか?

DDD
リリース: 2024-11-01 06:01:02
オリジナル
810 人が閲覧しました

How to Send JSON Data Directly with jQuery's $.ajax?

クエリ文字列ではなく $.ajax 経由で JSON を直接送信する方法

jQuery の $.ajax メソッドを使用する場合、次のような問題が発生する可能性があります。 JSON データをクエリ文字列に自動的に変換する問題。この変換を防ぎ、実際の JSON を送信するには、次の簡単な手順に従います:

  1. オブジェクトを JSON にシリアル化します: JSON.stringify メソッドを使用して、オブジェクトを JSON 文字列に変換します。これにより、データが JSON 形式のままになります。
  2. コンテンツ タイプの設定: $.ajax リクエストで Content-Type ヘッダーを「application/json」として指定します。これにより、送信されるデータが JSON 形式であることがサーバーに通知されます。

両方の手順を実装する更新されたコード スニペットは次のとおりです。

<code class="javascript">$.ajax({
    url: url,
    type: "POST",
    data: JSON.stringify(data),
    contentType: "application/json",
    complete: callback
});</code>
ログイン後にコピー

追加メモ:

  • JSON.stringify は、JavaScript 1.7 / ECMAScript 5 以降をサポートするブラウザでネイティブに利用できます。
  • レガシー ブラウザのサポートが必要な場合は、json2 ライブラリを利用できます。
  • これらの手順に従うことで、JSON データが意図しない変換なしでサーバーに直接送信されるようにすることができます。

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

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