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');
                },
            });
        }

  

     對於上面的代碼,咱們其實主要來看下幾個重要的參數:jquery

1:type 表示請求的方式 
2:url 請求的url,這裏必需要注意的是,ajax若是跨域的話,還須要咱們在作處理。 
3:datatype 數據的格式 
4:data 請求的數據 
5:success 若是請求成功的回調函數ajax

結論

        經過此次的實踐,咱們掌握瞭如何利用jquery請求後臺api,雖然咱們是後臺開發,可是隻有對先後端都有必定的理解,纔可以在開發中更好的配合,也能對整個項目的研發進程有一個把控! json

相關文章
相關標籤/搜索