用ajax導入的列總和

Question

我有兩列將導入每秒更改的數字（ajax）。

是否可以在“正常網頁”中而不是在服務器端顯示每列的總和？

喜歡：

line 1 -  95.20 Kwh   0.41 A
line 2 -   0.02 Kwh   0.02 A
line 3 - 230.20 Kwh   0.95 A

Total   325.42 Kwh 1.38 A

數字用<span class="analog"> ... </span>打印

Answer 1

您可以為列中的tds選擇類名。 例如

<tr>
<td>line 1</td>
<td class="kwa">92.20 kwh</td>
<td class="tdA">0.41 A</td>
</tr>
<tr>
<td>line 2</td>
<td class="kwa">0.02 kwh</td>
<td class="tdA">0.02 A</td>
</tr>

現在jQuery：

var sumKwa =0;
var sumA = 0;
$('td.kwa').each(function(){
   var num = $(this).html().split(' ')[0];
   sumKwa += parseFloat(num);
});
$('td.tdA').each(function(){
   var num = $(this).html().split(' ')[0];
   sumA += parseFloat(num);
});

還有一件事：如果用戶數量很多，則每1秒內Ajax請求非常繁重。 與此相反，最好使用用於實時連接的javascript EvntSource。

Answer 2

謝謝你們的幫助。 站點上的數字已通過xml / ajax導入，並且每秒更新一次。 為什么我無法立即對它們進行總結。 我將嘗試學習有關javascript EvntSource的知識，但通過示例將更加容易...

這是我導入數字的方法。

`https://jsbin.com/jayutoq/edit?html,js,output`