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