jquery實現無重新整理提交表單

2021-07-06 04:21:44 字數 591 閱讀 1471

使用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結果失效。這會讓人困惑,以...