如何引用对相同数据使用相同引用的多个JS API?

时间:2019-04-15 04:06:53

标签: javascript html api

如何引用多个使用相同引用但包含不同数据的JS API?我希望能够引用多个Rust服务器的API来获取单个服务器的播放器计数,然后将其显示在页面的一部分。

这是我的意思的示例:

<!DOCTYPE HTML>
<html>
	<head>
    <script src="https://api.rust-servers.info/embed.js?id=1"></script>
	  <script src="https://api.rust-servers.info/embed.js?id=2"></script>
  </head>
  
  <a>Server 1</a>
  <a><script>document.write(players_cur);</script> / <script>document.write(players_max);</script> Players Online</a>
  
  <a>Server 2</a>
  <a><script>document.write(players_cur);</script> / <script>document.write(players_max);</script> Players Online</a>
  
</html>

1 个答案:

答案 0 :(得分:0)

假设您引用的脚本仅定义了一个全局变量,则只需插入自己的脚本即可将值移动到其他位置:

<!DOCTYPE HTML>
<html>
  <head>
    <script src="https://api.rust-servers.info/embed.js?id=1"></script>
    <script> players_cur1 = players_cur; players_max1 = players_max; </script>
    <script src="https://api.rust-servers.info/embed.js?id=2"></script>
    <script> players_cur2 = players_cur; players_max2 = players_max; </script>
  </head>
  
  <a>Server 1</a>
  <a><script>document.write(players_cur1);</script> / <script>document.write(players_max1);</script> Players Online</a>
  
  <a>Server 2</a>
  <a><script>document.write(players_cur2);</script> / <script>document.write(players_max2);</script> Players Online</a>
  
</html>