jqueryがformを動的に作成して提出する方法の例を実現します。
本明細書の例は、jqueryがformを動的に作成し、提出する方法を実現することを述べている。皆さんに参考にしてあげます。具体的には以下の通りです。
webアプリケーションを書く時は、一時的にformを作成して提出する必要があります。formの中のパラメータとaction、およびpost要求ですか?それともget要求ですか?formのスタイルも指定できます。オリジナルのjavascriptを使います。 きっとできます。jqueryでテストをしました。
私が自分でテストしたのは、1ページ分のpostを作ってお願いしました。csrf攻撃を防ぐために、csrfを入れて検証しました。不要なものは取り除くことができます。
添付:JsダイナミックにFormフォームを作成して提出する方法
ここで述べたように、皆さんのjQueryプログラムの設計に役に立ちます。
webアプリケーションを書く時は、一時的にformを作成して提出する必要があります。formの中のパラメータとaction、およびpost要求ですか?それともget要求ですか?formのスタイルも指定できます。オリジナルのjavascriptを使います。 きっとできます。jqueryでテストをしました。
私が自分でテストしたのは、1ページ分のpostを作ってお願いしました。csrf攻撃を防ぐために、csrfを入れて検証しました。不要なものは取り除くことができます。
function genSearchObj(url,page,pageSize,keyword){
var params = {};
params.url = url;
params.page = page;
params.pageSize = pageSize;
params.cond = keyword;
return params;
}
function mockFormSubmit(params){
var form = $('<form />', {action : params.url, method:"post", style:"display:none;"}).appendTo('body');
$.each(params, function(k, v) {
if ( k != "url" ){
form.append('<input type="hidden" name="' + k +'" value="' + v +'" />');
}
});
form.append('<input type="hidden" name="csrfToken" value="' + $("#csrf_token").val() + '" />' );
form.submit();
}
これにより、formを動的に作成して提出します。添付:JsダイナミックにFormフォームを作成して提出する方法
var dlform = document.createElement('form');
dlform.style = "display:none;";
dlform.method = 'post';
dlform.action = '../fileServlet';
dlform.target = 'callBackTarget';
var hdnFilePath = document.createElement('input');
hdnFilePath.type = 'hidden';
hdnFilePath.name = 'filePath';
hdnFilePath.value = filePath;
dlform.appendChild(hdnFilePath);
document.body.appendChild(dlform);
dlform.submit();
document.body.removeChild(dlform);
jQuery関連の内容について興味がある読者は、当駅のテーマを調べてもいいです。「jQuery form操作テクニックのまとめ」、「jQuery操作jsonデータ技術まとめ」、「jQuery常用プラグインと使い方のまとめ」、「jQuery拡張テクニックのまとめ」、「jQuery表の操作テクニックまとめ」および「jqueryセレクタの使い方のまとめ」ここで述べたように、皆さんのjQueryプログラムの設計に役に立ちます。