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,雖然我們是后台開發,但是只有對前后端都有一定的理解,才能夠在開發中更好的配合,也能對整個項目的研發進程有一個把控!
