function test() { console.log("請求準備發送"); $.ajax({ type : "POST", url : "/api/test", dataType : "json", data : {}, success : function(test) { var text; var select = document.getElementById("select"); $.each(test, function(i, n) { text = n.text; console.log(text); select.add(new Option(text, i)); }) /* 因爲採起了bootstrap-select的樣式,這就不是一個普通的select,在動態加載以後必須刷新*/ $('.selectpicker').selectpicker('refresh'); }, }); }
對於上面的代碼,咱們其實主要來看下幾個重要的參數:jquery
1:type 表示請求的方式
2:url 請求的url,這裏必需要注意的是,ajax若是跨域的話,還須要咱們在作處理。
3:datatype 數據的格式
4:data 請求的數據
5:success 若是請求成功的回調函數ajax
經過此次的實踐,咱們掌握瞭如何利用jquery請求後臺api,雖然咱們是後臺開發,可是隻有對先後端都有必定的理解,纔可以在開發中更好的配合,也能對整個項目的研發進程有一個把控! json