二級聯動-在數據庫中讀出數據並顯示在頁面上


使用jquery+ajax+mysql完成

用到的jar包:

用到的jquery為:

jquery-3.2.1.js

 實現思想:

頁面加載的時候,顯示省的信息,從數據庫中拿到所有的省份信息並返回servlet中,再由servlet中傳遞到到頁面來。

當省份下拉列表發生改變的時候觸發函數,從數據庫中拿到該省份對應的城市信息並添加到頁面上來。

1、首先在數據庫中建表tbl_pro(只建立了部分省市用來練習)

2、在myeclipse中創建web項目(ajax_day01)

 導入需要的jar包以及jquery。

3、新建html頁面test2.html,並導入jquery

4、頁面加載的時候省份的下拉列表里有內容。

5、新建一個servlet(TestServlet,映射路徑為test.do)

 web.xml配置如下:

重寫service方法:

6、新建一個類TestDao,完成和數據庫的交互

在此之前我創建了BaseDao用於數據庫連接

TestDao的內容如下:

 

對結果集的處理,跟dbutil的原理一樣,也可以直接在上面的代碼中直接處理。

至此,頁面加載的時候就可以把省份的信息加載到了下拉列表里面了。

7、在省的select中綁定了onchange()函數

8、查詢城市信息就和查詢省的差不多了,只需要將sql語句改變就可以了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM