jq訪問網絡接口實例

 最近須要在app生活頻道上，須要添加一些類目，這就須要用到一些公用的開放接口，ajax其實調用並不複雜，可是結合jquery則顯得更簡潔一些，下面一塊兒來看看jquery調用後臺api。 
代碼以下：

    <script>
        $(document).ready(function() { 
            $("#queryTrade").click(function() {
                $("tbody").html("")
                var tradeId = $("#tradeId").val()
                if (13 == tradeId.length) {
                    alert($("#tradeId").val())
                    $.ajax({
                        url: "http://v.juhe.cn/exp/index",
                        type: "GET",
                        dataType: "jsonp",
                        jsonp: "callback",
                        jsonpCallback: "JsonCallback",
                        async: false,
                        data: {
                            com: "sto",
                            dtype: "",
                            key: "8f0df33b2b06619914c4b0fa6028a455",
                            no: tradeId
 
                        },
                        success: function(data) {
                            var returninfo = data.result.list
                            for (var i = 0; i < returninfo.length; i++) {
                                $("tbody").append("<tr><td>" + returninfo[i].datetime + "</td> <td>" + returninfo[i].remark + "</td></tr>")
                            } 
                        },
                    })
                }
            })
        });
    </script>

對於以上幾個代碼咱們主要須要來看如下幾個參數：

1：type 表示請求的方式 
2：url 請求的url
3：datatype 數據的格式，這裏必需要注意的是，這裏的ajax請求是跨域，因此還須要咱們再作處理

dataType: "jsonp",
jsonp: "callback",
jsonpCallback: "JsonCallback",

4：data 請求的數據 
5：success 若是請求成功的回調函數

　　ajax請求api數據就是以上這樣簡單。