js formフォームコミットデータをajaxコミットにカプセル化

1300 ワード

データコミットの場合、htmlはformフォームを持参し、formフォームのinputボックスのnameをkey値とし、対応するvalueをvalue値とし、バックグラウンドに渡して使用します.しかし、このような方法はajaxのデータ転送と多くの差があります.
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を使用して提出されます.もちろん、関数は多くの最適化ができますが、ここでは大まかな考え方しかありません.