jQuery请求后台接口
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,虽然我们是后台开发,但是只有对前后端都有一定的理解,才能够在开发中更好的配合,也能对整个项目的研发进程有一个把控!






浙公网安备 33010602011771号