js formフォームコミットデータをajaxコミットにカプセル化
1300 ワード
データコミットの場合、htmlはformフォームを持参し、formフォームのinputボックスのnameをkey値とし、対応するvalueをvalue値とし、バックグラウンドに渡して使用します.しかし、このような方法はajaxのデータ転送と多くの差があります.
ajaxデータコミットページはフラッシュしません.ページのローカル更新速度が速い.ネットワーク帯域幅の消費量が低い.
フォームのコミットではページ全体が再描画され、バックグラウンドactionに値を渡す必要がある場合はurlも変更されます.
一般的なformフォームをajaxコミットデータのフォームにカプセル化してみましょう.
formフォームの場合:
通常のformフォームでは、コミットをクリックすると対応するurlにコミットされ、ajaxを使用して同じ効果を得たいと考えています.まずhtmlコードを変更します.
このjs関数を実装します.
ajaxデータコミットページはフラッシュしません.ページのローカル更新速度が速い.ネットワーク帯域幅の消費量が低い.
フォームのコミットではページ全体が再描画され、バックグラウンドactionに値を渡す必要がある場合はurlも変更されます.
一般的なformフォームをajaxコミットデータのフォームにカプセル化してみましょう.
formフォームの場合:
通常のformフォームでは、コミットをクリックすると対応するurlにコミットされ、ajaxを使用して同じ効果を得たいと考えています.まずhtmlコードを変更します.
:
:
このjs関数を実装します.
function submit(id,url,type){
var form = document.getElementById(id);// div
var inputs = form.getElementsByTagName("input");// div
var object = new Object();//
for(var i=;i
はformフォームの代わりにajaxを使用して提出されます.もちろん、関数は多くの最適化ができますが、ここでは大まかな考え方しかありません.