weixin_33711647 2018-04-04 06:30 采纳率: 0%
浏览 152

自动刷新api数据

i need to refresh particular data line in every interval when the value change

$(document).ready(
  function() {
    setInterval(function() {
         var randomnumber = Math.floor();
         $('#output').text(
             gettxt()+ randomnumber);
         }, 1000);
    });

            function gettxt(){
                
                fetch('https://min-api.cryptocompare.com/data/top/exchanges?fsym=BTC&tsym=USD')
                 .then((res)=>res.text())
                 .then((data)=>{
                     document.getElementById('output').innerHTML=data;
                     
                 })
                
            }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>          
            <body>
                    
           
            
            <div id="output" style="margin:5px 0;">
                
            </div>
            
            <script type="text/javascript"
            src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
            </body></html>

Here i get all refreshed in every seconds. i need to refresh only a particular line

</div>
  • 写回答

1条回答 默认 最新

  • weixin_33704234 2018-04-04 07:38
    关注

    Hi Here I done as per your req, Just one line I have done, for other line do by your self, I just makes your string obj into obj and added table style.

    js fiddle

    html

     <style>
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}
</style>
 <div id="output" style="margin:5px 0;">

                </div>
                <table>
  <tr>
    <th style="margin-left:20px">exchange</th>
    <th>fromSymbol</th>
    <th>toSymbol</th>
    <th> volume24h</th>
    <th>volume24hTo</th>
  </tr>
  <tr>
    <td>Bitfinex</td>
    <td>BTC</td>
     <td>USD</td>
       <td id="volume24h">BTC</td>
     <td id="volume24hTo">USD</td>
  </tr>



</table>

    java script

    $(document).ready(
      function() {
         setInterval(function() {
             var randomnumber = Math.floor();
             $('#output').text(
                 gettxt()) + randomnumber;
             }, 1000); 
              gettxt()
        });

                function gettxt(){

                    fetch('https://min-api.cryptocompare.com/data/top/exchanges?fsym=BTC&tsym=USD')
                     .then((res)=>res.text())
                     .then((data)=>{
                     var dataTemp = JSON.parse(data);
                         document.getElementById('volume24h').innerHTML=dataTemp.Data[0].volume24h;
                          document.getElementById('volume24hTo').innerHTML=dataTemp.Data[0].volume24hTo;
                         console.log(dataTemp);
                     })

                }
    评论

报告相同问题？

悬赏问题

  • ¥15 关于#matlab#的问题：在模糊控制器中选出线路信息，在simulink中根据线路信息生成速度时间目标曲线（初速度为20m/s，15秒后减为0的速度时间图像）我想问线路信息是什么
  • ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
  • ¥16 mybatis的代理对象无法通过@Autowired装填
  • ¥15 可见光定位matlab仿真
  • ¥15 arduino 四自由度机械臂
  • ¥15 wordpress 产品图片 GIF 没法显示
  • ¥15 求三国群英传pl国战时间的修改方法
  • ¥15 matlab代码代写，需写出详细代码，代价私
  • ¥15 ROS系统搭建请教（跨境电商用途）
  • ¥15 AIC3204的示例代码有吗，想用AIC3204测量血氧，找不到相关的代码。