1. 程式人生 > >select下拉框通過ajax獲取後臺的值

select下拉框通過ajax獲取後臺的值

我這兩天一直在寫前端,修改bug,這個問題是真的搞了我一天是時間。鄙人才明白,經驗缺少帶來的時間浪費啊!

由於網上查詢的資料嚴重誤導了我,在這裡我講個思路大家應該就明白了:

       我們下拉框的值是後臺獲取的,其實並不需要點選事件來查詢後臺的值,再來顯示出來(網上找到的基本都這麼寫,可能又正確的程式碼我沒找到!)。只需要在載入頁面的時候,自動執行ajax方法就行。這時候的data就是後臺傳過來的json

html程式碼:

<select name="myid" id="myid"  href="javascript:" >
    <span>選擇分類</span>
</select> 

js程式碼:

     window.onload = SearchVehicleTag();//載入頁面時自動執行方法
     function SearchVehicleTag(){
    	 $.ajax({
             url: "後臺的地址",  
             type: "post",
             dataType: "json",
             contentType: "application/json",
             traditional: true,
             success: function (data) {
                 for (var i = 0; i < data.length; i++) {
                     var jsonObj =data[i];
$("#vehicleLog").append("<option value='"+jsonObj.ID+"'>" + jsonObj.TAGNAME + "</option>");
                 }
             },
             error: function (msg) {
                 alert("資料加載出錯,請重試!");
             }
         });
     }

網上有誤導,入網虛謹慎