當前位置:編程學習大全網 - 源碼下載 - jqueryajax如何向jsp提交表單數據_jquery

jqueryajax如何向jsp提交表單數據_jquery

AJAX越來越火了,作為壹個WEB程序開發者要是不會這個感覺就要落伍,甚至有可能在求職的時候屢被淘汰。我也是壹個WEB程序開發者,當然我也要 “隨波逐流”壹把,不然飯碗不保啊!

之前實現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傳過來的值。

  • 上一篇:手機網頁文字遊戲源代碼
  • 下一篇:還有像iapp這麽好玩的編程應用嗎?要能在安卓手機上用的。
  • copyright 2024編程學習大全網