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'); }, }); }
對於上面的代碼,我們其實主要來看下幾個重要的參數:
1:type 表示請求的方式
2:url 請求的url,這里必須要注意的是,ajax如果跨域的話,還需要我們在做處理。
3:datatype 數據的格式
4:data 請求的數據
5:success 如果請求成功的回調函數
結論
通過這次的實踐,我們掌握了如何利用jquery請求后台api,雖然我們是后台開發,但是只有對前后端都有一定的理解,才能夠在開發中更好的配合,也能對整個項目的研發進程有一個把控!