ホームページ > ウェブフロントエンド > jsチュートリアル > json形式のデータをbackground_jqueryに渡すjQueryのメソッド

json形式のデータをbackground_jqueryに渡すjQueryのメソッド

WBOY
リリース: 2016-05-16 16:14:07
オリジナル
1184 人が閲覧しました

この記事の例では、jQuery が json 形式のデータをバックグラウンドに送信する方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

フロントエンドとバックエンドのデータ対話では通常、json 形式が使用され、バックエンドは json の対応をエンティティ オブジェクトに直接変換できます。今後の運用を容易にするため。 jQuery がデータをバックグラウンドに送信するとき、データは自動的にクエリ文字列に変換され、実際には json を渡すことができないことがわかります。さらに、jquery を使用してフォームをシリアル化すると、返される形式は配列になるため、さらに変換する必要があります。実はajaxメソッド内で何か設定をすれば完了するんです。コードは次のとおりです:

<form id="ff"> 
  <input type="text" name="test1"/> 
  <input type="text" name="test2"/> 
  <input type="text" name="test3"/> 
  <input type="text" name="test4"/> 
  <input type="button" id="save" value="save"/> 
</form> 

$("#save").on("click", function () { 
 var params = $("#ff").serializeArray(); 
 var j = {}; 
 for (var item in params) { 
   j[params[item].name] = params[item].value; 
 } 

 $.ajax({ 
   url:'index.html', 
   data:JSON.stringify(j), 
   type:'post', 
   dataType:'json', 
   headers:{ 
 Accept:"application/json", 
 "Content-Type":"application/json" 
   }, 
   processData:false, 
   cache:false 
 }).done(function (data) { 
 }); 

}); 

ログイン後にコピー

Chrome で図のような表示形式が表示された場合、バックグラウンドに渡される JSON 形式が

であることを意味します

この記事が皆さんの jQuery プログラミングに役立つことを願っています。

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