星海爭霸21全功能兌換碼新手獎勵1、7小時遊戲時間(14天內)解除所有試玩版本限制直到7小時耗盡,如種族、匹配模式、戰役、地圖等詳細資訊(150119更新)4505624695013984483730049
2020-11-30 03:45:43
使用select下拉框動態獲取後台資料,需要使用chang事件,當下拉框選擇的內容改變的時候,使用ajax向後台傳輸需要獲得的資料型別,後台接收到請求的資料型別後,按型別要求返回相應的資料給前台,前台再將資料顯示出來。下面介紹實現此功能的過程。
新建一個html檔案,命名為test.html,使用此檔案實現select下拉框的選擇。在test.html頁面載入jquery.min.js庫檔案,下面將使用jquery的ajax向後台請求資料。
在test.html檔案編寫HTML程式碼,使用select標籤定義一個下拉選擇框,使用p標籤定義輸出資料的區域。兩個標籤元素都需要加上id屬性,方便下面通過id屬性找到該標籤物件進行操作。
在test.html編寫JS程式碼,通過select的id屬性獲得select物件,並繫結change事件,當select的下拉框改變選中的型別時,觸發不同的請求。
在JS裡通過val()方法獲得select下拉框選中的型別,再通過jquery的ajax方法向後台php檔案(handle.php)請求資料。
當JS中的ajax從後台成功獲得請求的資料後,在id為result的span標籤輸出返回的資料。這裡通過html()方法向span標籤寫入從後台獲得的資料。
編寫後台handle.php程式碼。新建一個php檔案,命名為handle.php,在檔案裡通過$_POST接收ajax傳遞過來的資料型別,通過if語句判斷資料型別,向前台返回不同的資料(為了測試方便,這裡以文字方式代表資料,在實際中,將你的資料返回即可)。
在瀏覽器執行test.html檔案,當select下拉框選擇不同型別時,返回不同的資料。
可見,已成功實現select下拉框選擇不同內容時,動態從後台獲得資料。
程式碼百度網路硬碟下載地址:
連結: https://pan.baidu.com/s/1OkIvUAywM-lAV7Sy9I7-bw 提取碼: ek2n
相關文章
星海爭霸21全功能兌換碼新手獎勵1、7小時遊戲時間(14天內)解除所有試玩版本限制直到7小時耗盡,如種族、匹配模式、戰役、地圖等詳細資訊(150119更新)4505624695013984483730049
2020-11-30 03:45:43
我們經常會玩決勝時刻戰區遊戲,但是有很多朋友不知道決勝時刻戰區國際服註冊方法,下面就詳細說下決勝時刻戰區國際服註冊方法。1首先我們開啟自己電腦中的瀏覽器,比如360瀏覽器
2020-11-29 16:08:59
決勝時刻黑色行動4的應用獲取的方法。1準備好網路的網速,開啟瀏覽器的頁面。 2決勝時刻黑色行動4將其輸入到搜尋頁中,點選搜尋。 3選擇圖中展示的決勝時刻黑色行動4中文版網頁
2020-11-29 16:06:30
決勝時刻是一個很好玩的遊戲,但是安裝過程比較困難,下面小編和你分享一下經驗! 1一般有很多個壓縮檔案的那種,任意解壓一個壓縮包之後會生成一個映象用虛擬光碟機載入,之後按用光
2020-11-29 10:07:32
小編教你決勝時刻9BO2.怎麼安裝,希望你的生活多姿多彩~ 1首先,你買的基本可以確定,是盜版,或者說所謂的偽正版——同學,多去steam吧或者戰地3吧看一看,會提高你對盜版/偽正版的鑑
2020-11-29 05:49:58
目前很多決勝時刻的玩家都在找版本10的中文版,其實現在正版的當中還沒有中文,退而求其次吧,小編這裡分享一些貼圖大家參考一下 1基礎選單,直接看圖片吧 2基礎選單,直接看圖片吧 3
2020-11-29 05:29:49