ajax下拉框回顯資料_AJAX

學習主題： AJAX深入練習

學習目标：

1 熟練使用ajax寫功能

01ajax之三級關聯案例分析

1.1簡答題 根據視訊中的講解，完成以下内容 1.1.1 視訊中的三級關聯案例的功能需求是什麼 答：

頁面中有三個下拉框選項,分别為省、市、縣/區下拉框選擇省,則市下拉框中出現對應的該省下的市；選擇市,則區/縣下拉框中出現市對應的區/縣

1.1.2 視訊中的需求分析的内容是

1、建立頁面,頁面中有三個下拉框,分别為省、市、區/縣(頁面一加載成功就發一個請求去請求省的資料)

2、 壓面加載成功發起ajax請求,請求省的資訊,并将響應結果填充到省下拉框中

3、選擇省觸發一個新的js函數的執行,該函數中發起新的ajax請求請求該省下的市的資訊,并将響應資料填充到市下拉框中

4、選擇市觸發一個新的js函數的執行,該函數中發起新的ajax請求請求該市下的區/縣的資訊,并将響應資料填充到區/縣下拉框中

02-ajax之三級關聯資料庫設計和實作

2.1 程式設計題 2.1.1 根據視訊講解完成三級關聯資料庫表設計。 2.1.2 根據視訊講解完成三級關聯案例的SQL語句設計。 2.1.3 根據視訊講解将area.sql檔案導入到資料庫中。

03 ajax之三級關聯代碼實作擷取所有的省資訊

3.1 上機練習 3.2.1 根據視訊講解完成前台jsp頁面的建立。

<
           

3.2.2 在select.jsp中聲明ajax代碼請求省資訊

<
           

3.2.3 完成請求省資訊的背景功能，并能alert出請求的省資訊。