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