JQuery.form.js是一個優秀的AJAX文件上傳插件,它使得在HTML表單中使用AJAX上傳變得象普通表單提交一樣簡單。下面我們來了解一下JQuery.form.js的使用方法:
// 監聽form表單的提交事件 $('form').submit(function() { // 使用AJAX提交表單 $(this).ajaxSubmit({ success: function(responseText, statusText, xhr, $form) { // 處理表單提交的結果 }, error: function(xhr, statusText, error) { // 處理表單提交的失敗結果 } }); // 阻止form表單的默認提交行為 return false; });
如上代碼所示,我們將表單的提交事件進行了監聽,當表單提交時,會使用AJAX的形式進行提交。
ajaxSubmit方法中有兩個屬性success和error,用于處理表單提交的成功和失敗結果。success方法中包含了服務器響應的文本、狀態信息、XMLHttpRequest對象以及JQuery封裝的form表單對象,而error方法中只包含了狀態信息、XMLHttpRequest對象以及錯誤信息。
另外,我們需要在最后返回false來阻止表單的默認提交行為,否則會導致表單重復提交,產生一些不必要的負面影響。