使用ajax
設定乙個表單,如:
監聽.submit事件,可以在觸發表單提交時的事件,通過return false或者event.preventdefault()來阻止預設的表單提交事件
即:$("#myform").submit(function(e)]
//可以自己封裝不同的js函式來將表單資料轉化成json格式
var data = $(this).serialzejson();
$.ajax({});//通過ajax來提交表單
return false;//阻止預設的表單提交事件
});//通過jquery的外掛程式擴充套件方式將表單資料序列化為json格式
$.fn.serialzejson = function();
var a=
this
.serializearray();
$.each(a, function()
o[this.name].push(this.value || '');
} else
});
return o;
}
無重新整理提交form表單
今天遇到乙個問題,專案中form表單是使用submit 提交的,但是要實現無重新整理的提交,當然無重新整理提交資料,ajax肯定可以完成,但是由於 已經很成熟,都是使用form提交的,不能再去重寫,所以就找到了下面這個辦法,感覺很好用,主要就四步 1.在當前頁面建乙個iframe 並隱藏 displ...
HTML無重新整理提交表單
通常對於無重新整理提交表單,我們都是運用ajax實現的。前段時間跟著老大了解到另一種無重新整理提交表單的方法,是利用iframe框架實現的。現在整理出來分享給大家。第一種 html頁面 php頁面 form.php 非空驗證 if empty post uname empty post pwd 驗證...
AJAX無重新整理提交表單的方法
html表單元素中的form即表單是常用來提交使用者資料的元素之一。通過ajax技術可以友好的對使用者請求進行反饋。無須重新整理頁面這是人盡皆知的事情了。但表單事件中有乙個另類,即onsubmit,這個事件之所以另類,是因為它在提交完以後,會自動重新整理當前頁面,使ajax結果失效。這會讓人困惑,以...