怎么使用JS或者PHP直接调用 API接口 展示出相关的数据来?

怎么使用PHP或者JS 直接调用API内的数据,或者生成json调用

https://fxhapi.feixiaohao.com...

展示出相关的数据来?API内的数据,并直接显示出相应的数据来,求大佬解答!

阅读 3.5k
2 个回答

你curl这个网址 然后json_decode($data,true); $data就是你获取这个网址的结果

可以使用 axios,中文文档见此axios 目前是发送 HTTP 请求最常用的 Javascript 库之一了,其也经常被用在 Vue 和 React 开发中。对 https://fxhapi.feixiaohao.com/public/v1/ticker 这个 API 发生 HTTP GET 请求,axios 的使用方法是:

<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <title>HTTP 请求</title>
  </head>
  <body>
    <div></div>
    <script src="https://unpkg.com/axios@0.19.2/dist/axios.min.js"></script>
    <script>
      axios
        .get("https://fxhapi.feixiaohao.com/public/v1/ticker")
        .then((res) => {
          let data = res.data
          console.log(data);
        })
        .catch((err) => {
          console.log(err);
        });
    </script>
  </body>
</html>

res 包含了 HTTP Status(状态码,下图中 status 值为 200 表示请求成功) 和 Data(数据):
QQ截图20200404104412.png
res.data 经过 axios 处理后已经是 JSON 格式了,故可以根据业务需要使用 for 循环等方法来在页面上显示数据。
QQ截图20200404104551.png

补充:直接在浏览器地址栏输入 https://fxhapi.feixiaohao.com/public/v1/ticker 是可以正常访问的,而将上面的代码保存到 .html 文件并从浏览器打开时,按 F12 进入浏览器控制台,会报错,提示出现跨域,这是浏览器安全策略,除非禁用浏览器的同源策略,否则无法获取和上面两张图片类似的数据。
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题