ajax で contentType: 'application/json' を設定する役割 (グラフィック チュートリアル)

亚连
リリース: 2018-05-21 15:50:38
オリジナル
4339 人が閲覧しました

この記事では、ajax で contentType: "application/json" を設定する役割を主に紹介します。必要な友人はそれを参照してください

最近プロジェクトのやり取りをするときに、バックグラウンドにデータを渡すときに 415 を返すようになりました。 Baidu は contentType : "application/json" を追加して 400 を返し、送信データ形式を json 文字列に変更して送信が成功しました。次に contentType: "application/json":

contentType を追加します。 : "application/json" その後、バックグラウンドに送信されるデータの形式は json 文字列である必要があります

$.ajax({
  type: "post",
  url: "mobile/notice/addMessageInfo.jspx",
  contentType: "application/json",
  data:"{'name':'zhangsan','age':'15'}",
  dataType: "json",
  success: function(data) {
    console.log(data);
  },
  error: function(msg) {
    console.log(msg)
  }
})
ログイン後にコピー

contentType: "application/json" を追加しない場合は、バックグラウンドに json オブジェクト形式を送信できます

$.ajax({
  type: "post",
  url: "mobile/notice/addMessageInfo.jspx",
  data:{name:'zhangsan',age:'15'},
  dataType: "json",
  success: function(data) {
    console.log(data);
  },
  error: function(msg) {
    console.log(msg)
  }
})
ログイン後にコピー

さらに、バックグラウンドで複雑なjsonを渡すときは、contentType: "application/json"を追加して、データを文字列に変換する必要もあります

var data = {
  uploadarray: uploadarray,
  messageInfo: {
    messageTitle: messageTitle,
    messageContent: messageContent,
    publisher: publisher
  },
  userId: userId
}

$.ajax({ 
  type: 'post',
  url: "mobile/notice/addMessageInfo.jspx",
  contentType: 'application/json',
  data: JSON.stringify(data),
  dataType: "json",
  success: function(data) {
    console.log(data);
  },
  error: function(msg) {
    console.log(msg)
  }
})
ログイン後にコピー

追加: $.ajax での contentType: "application/json" の使用法を見てみましょう

contentType: "application/json" を使用しない場合、データはオブジェクトになる可能性があります

$.ajax({
url: actionurl,
type: "POST",
datType: "JSON",
data: { id: nodeId },
async: false,
success: function () {}
});
ログイン後にコピー

contentType: "application/json"、データは json 文字列のみです

$.ajax({
url: actionurl,
type: "POST",
datType: "JSON",
contentType: "application/json"
data: "{'id': " + nodeId +"}",
async: false,
success: function () {}
});
ログイン後にコピー

上記は、すべての人のためにまとめたものです。将来すべての人に役立つことを願っています。

関連記事:

Ajax PHP JavaScript MySQLでシンプルな更新不要のオンラインチャットルームを実装

jQuery+Ajax認証ユーザー名手順の詳細説明

Yii2フォームイベントAjax送信実装方法

以上がajax で contentType: 'application/json' を設定する役割 (グラフィック チュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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