jQuery之ajaxForm提交表單

2022-04-09 12:05:20 字數 1542 閱讀 7310

1.jquery的設計非常優雅,其源**亦給人以美感,利用jquery框架寫出來的js既簡練又能完美跨瀏覽器。   

2.jquery form外掛程式是基於jquery開發的一套能夠利用ajax技術提交form的框架。   

3.無論是jquery,還是jquery form 都是老外寫的。   

4.通常的jquery ajax提交寫法如下:   

5. $.post("../user/user.do?d=checkpasswordonupdatebyajax",,function(xml));   

7.其中:{old_password:old_password.val()}是掛的引數,為json串格式。如果只有幾個引數,這種方法還是值得一用的,如果有幾十個,從軟體可維護性的角度去考慮,用這種方法實在不敢恭維。我曾經寫過乙個根據form的頁內資料元素生成json串的方法。但是對自己寫的東西總覺得不夠滿意,有沒有一種可以提交form資料的外掛程式呢,google一下,輸入關鍵字 jquery form plugin 。我很榮幸的搜到了我需要的東西,既然已經有輪子,自己發明的輪子暫時先放棄。從此我對jquery form 的依賴及使用變得一發不可收拾。在我做的專案中大量的使用了該外掛程式進行ajax資料提交。   

8.把jquery form的相關檔案匯入頁面

9.

10.

11.且二者順序不可以放反,因為檔案是自上而下解析的。

12.function submitform();   

17.        form.ajaxform(options);   

18.        return;   

19.    }   

20.    form.submit();// 傳統form提交   

21.}   

22.function showresponse(xml)else   

28.}   

29.注意:   

30.xml的值1或者-1是後台用response打出來的。如下:   

31.response.setcontenttype("text/html;charset=utf-8");    

32.response.setcharacterencoding("utf-8");    

33.printwriter pw = response.getwriter();    

34.pw.println("1");   

35.url就是form表單要提交到的位址,當然若不指定,會自動使用form裡action的值。   

36.success的值也是函式,就是提交表單處理完後要做的事。

例項:

function

jquerysubmit(formid,url,callback);

$("#"+formid).ajaxform(options);

$("#"+formid).submit();

}

ajax form提交表單資訊

在使用form表單的時候,一旦點選提交觸發submit事件,一般會使得頁面跳轉,頁面間的跳轉等行為的控制權往往在後端,後端會控制頁面的跳轉及資料傳遞,但是在某些時候不希望頁面跳轉,或者說想要將控制權放在前端,通過js來操作頁面的跳轉或者資料變化。一般這種非同步的操作,我們都會想到ajax方式,因此在...

jQuery基礎之DOM和jQuery之間的轉換

引言 jquery物件 通過jquery包裝dom物件後產生的物件。dom物件不可使用jquery物件的方法。同理jquery物件也不可使用dom物件的方法。例如 foo html 這是jquery物件的使用 它的功能等同於 document.getelementbyid foo innerhtml...

JQuery學習之jQuery尺寸

1.width 和height 方法 width 設定或返回元素的寬度 不包括內邊距,邊框或外邊距 height 設定或返回元素的高度 不包括內邊距,邊框或外邊距 button click function var txt txt width div1 width txt height div1 h...