怎么用JS实现Base64编码和MD5加密完成快递鸟API接口调用

2024-04-02 19:04:59 766人浏览薄情痞子

摘要

本篇内容主要讲解“怎么用js实现Base64编码和MD5加密完成快递鸟api接口调用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么用JS实现Base64编码

本篇内容主要讲解“怎么用js实现Base64编码和MD5加密完成快递鸟api接口调用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么用JS实现Base64编码和MD5加密完成快递鸟API接口调用”吧!

<!DOCTYPE html><html><head><meta Http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <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++) {                            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>
    <input id="Button1" onclick="GetAPI();" type="button" value="JS调用快递鸟API接口" />
    <div id="msg"></div></body></html>