之前實現AJAX使用Javascript腳本壹個壹個敲出來的,很繁瑣。學習Jquery之後就感覺實現AJAX並不是那麽的困難了,當然除了 Jquery框架外還有其它的優秀框架這裏我就著重說下比較流行的Jquery。Jquery AJAX提交表單有兩種方式,壹是url參數提交數據,二是form提交(和平常壹樣在後臺可以獲取到Form表單的值)。在所要提交的表單中,如果元素很多的話建議用第二種方式進行提交,當然妳要是想練練“打字水平”的話用第壹種方式提交也未嘗不可,相信開發者都不想費白勁吧!
ajax技術帶給我們的是良好的用戶體驗,同時,使用jquery可以簡化開發,提高工作效率。
下面介紹壹下大致的開發步驟。
本文使用的是 jquery-1.3.2.min.js開發工具。
新建兩個頁面:
1、show.jsp:調用ajax,將表單中的數據發送給ajax.jsp頁面。
2、ajax.jsp:獲取show.jsp頁面傳遞的表單數據,並返回結果。
兩個頁面的編碼格式要設置為GBK:
show.jsp頁面的重點部分:
1、添加對 jquery-1.3.2.min.js 的引用:
2、設置表單的id,在調用ajax的方法時要用到。
3、設置壹個div,用於顯示ajax.jsp頁面返回的結果
4、增加壹個按鈕,用來調用ajax
5、增加調用ajax的函數:
ajax.jsp頁面的源代碼:
運行效果如下:
jquery ajax提交表單從action傳值到jsp
jsp頁面:
代碼如下:
acion類:
代碼如下:
pw.print(random);這裏的random就是action要向jsp傳的值,在jsp中,success: function(text)這裏的text就是接收從action傳過來的值。