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的值也是函式,就是提交表單處理完後要做的事。
例項:
functionjquerysubmit(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...