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数据就是以上这样简单。