select下拉框通過ajax獲取後臺的值
阿新 • • 發佈:2018-11-22
我這兩天一直在寫前端,修改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("資料加載出錯,請重試!"); } }); }
網上有誤導,入網虛謹慎