問題背景

        最近使用spring-mvc在做一個http介面自動化測試的東西，前端頁面採取的是jsp，但是資料必須一次性取完，一次的時間消耗真的是不能等待的啦！於是就想著採取ajax進行後臺介面的呼叫。

解決方案

        後來看了一下，ajax其實呼叫並不複雜，但是結合jquery則顯得更簡潔一些，下面一起來看看jquery呼叫後臺api。
程式碼如下：

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，雖然我們是後臺開發，但是隻有對前後端都有一定的理解，才能夠在開發中更好的配合，也能對整個專案的研發程序有一個把控！
        笨媳婦愛你
歡迎大家到我新的部落格去做客！那裡乾貨大大的！
HenryMemory’s Blog