この記事の例では、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 プログラミングに役立つことを願っています。