前端開發，JS實現快遞單號查詢API接口

時間 2020-05-20

原文原文鏈接

有網友留言說，想調用快遞鳥API接口實現快遞查詢，可是又不懂後端開發，不懂JAVA，不懂PHP，不懂C#，也不懂python，問我能不實現快遞接口查詢，我說你會什麼，他說,我只懂一點點JS，javascript

我回答他，已經足夠了，我如今就來告訴你如何經過JS來實現600多家的物流軌跡查詢。html

你只須要一步，新建一個Text文本，把下面這段代碼複製進去，替換你本身的快遞鳥ID和APIkey, 將txt後綴改爲HTML，用瀏覽器預覽就能夠看到效果。
`<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>java

<title>JS調用快遞鳥API接口</title>
<meta charset="utf-8" />
<script src="/base64.js"></script>
<script src="/md5.js"></script>
<script src="/jquery.json-2.2.min.js"></script>
<script src="/common.js"></script>
<script type="text/javascript">

    function GetAPI() {      
        var key="快遞鳥API Key";
        var id = "快遞鳥註冊ID號";
        var requestData="{'OrderCode':'','ShipperCode':'ZTO','LogisticCode':'78120038107849'}";
        //MD5加密
        var md5str = md5(requestData + key).toLowerCase();
        //base64
        var dataSign = Base64.encode(md5str);
        //拼接字符串（快遞鳥請求報文格式）url編碼 
        var reqData = "RequestData=" + escape(requestData) + "&EBusinessID=" + id + "&RequestType=1002&DataSign=" + escape(dataSign) + "&DataType=2";    
        //reqData = "RequestData=%7b%27OrderCode%27%3a%27%27%2c%27ShipperCode%27%3a%27ZTO%27%2c%27LogisticCode%27%3a%2778120038107849%27%7d&EBusinessID=1264783&RequestType=1002&DataSign=NzMxNTAzZWYxYTJiOGIyMDhiNTVjMTc4MDQ0NjdlZDg%3d&DataType=2";
         
        //調用
        SubmitPost({
            method: 'post',
            url: '/api/dist',
            data: reqData,
            beforeSend: function (xhr) {
                //調用前觸發，如加載效果等
            },
            success: function (data, status) {
                if (status) {
                    document.getElementById("msg").innerHTML = "";
                    for (var i = 0,

len = data.Traces.length; i < len; i++) {python

var acceptTime = data.Traces[i].AcceptTime;
                        var acceptStation = data.Traces[i].AcceptStation;
                        //頁面展現效果本身開發,這裏只實現功能
                        document.getElementById("msg").innerHTML += acceptTime + "&nbsp;&nbsp;" + acceptStation+"<br/>";
                    }
                   } 
            },
            error: function (data, status, e) {
                if (data.status == "401") {
                    alert(data.status);
                    return;
                }
                

            }
        });
    }
</script>

</head>
<body>jquery

<input id="Button1" onclick="GetAPI();" type="button" value="JS調用快遞鳥API接口" />

<div id="msg"></div>

</body>
</html>`json

運行效果以下：
後端

注意：api

這3個js文件引用，網上都能下載到，都是通用的js，若是有更好的建議，歡迎下方留言一塊兒探討。post

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。