美文网首页
2019-01-08 Echarts还有api接口

2019-01-08 Echarts还有api接口

作者: E1FANG | 来源:发表于2019-01-08 11:51 被阅读0次

每天都在接触新的东西。
看了API接口文档调试一个接口试试;
这个是demo : http://www.hoire.cn/api#demo
事先准备的话是让PHP帮我开个服务器:
打开hosts文件修改IP(一个软件phpStudy)
127.0.0.1 test.com
就可以了

9f99b1af9f30eda9c4181bc519a4c42.png

开始写接口

    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        //调用用户授权接口
        var tokens= "";
        function token() {
            $.post("http://www.hoire.cn/api/token/get", { account: "111", password: "111" }, function (data) {
                $("#main").html(JSON.stringify(data));
                console.log(data);
                tokens = data.data.token;
                second_token();
                //console.log(token)
            });
        };
        
        function second_token() {
            $.post("https://www.hoire.cn/api/monitore/equipment",  {token:tokens}, function (data) {
                $("#view").html(JSON.stringify(data));
                console.log(data)
            });
        };
    
        
        

    </script>
</head>
<body>
    <div id="main">
    </div>
    <div id="view">
    </div>
    <script type="text/javascript">
    token();
    </script>

第一个函数token()是用来通过验证的,返回的是一个参数,相当于用来获取第二个参数的钥匙
在这个函数里面,
tokens = data.data.token;
是没有用var的 所以可以保存到全局的指向里;
然后second_token()是将token作为参数,作为钥匙来获取id和name
second_token()在第一个函数运行的时候,会运行;
整个成功之后 会返回 token,id,name

遇到的问题:
1,如何提取返回的数据
在全局声明一个空的token来存储得到的参数,var tokens ="";
在第一个函数里面 取得返回的数据tokens = data.data.token;
如果不知道返回的数据的位置 可以用 console.log(data) 打印出来

相关文章

网友评论

      本文标题:2019-01-08 Echarts还有api接口

      本文链接:https://www.haomeiwen.com/subject/ygsvrqtx.html