Javascript 发出多个ajax请求以填充表行。如何对表列进行排序?

Javascript 发出多个ajax请求以填充表行。如何对表列进行排序?,javascript,jquery,ajax,tablesorter,Javascript,Jquery,Ajax,Tablesorter,我正在使用JQuery发出多个ajax请求以填充表行。如何对表列进行排序。我正在使用第一个API获取所有符号的值。第二个API用于查找该特定符号的值。这些值被追加到表中。我想对表的列使用排序。 tablesorter()是一个对不工作的表进行排序的函数。这对于一个简单的表来说是很好的。 这是我的密码 //HTTPRequest var值=[]; $.ajax({ 方法:“获取”, url:“https://api.binance.com/api/v1/exchangeInfo" }) .完成

我正在使用JQuery发出多个ajax请求以填充表行。如何对表列进行排序。我正在使用第一个API获取所有符号的值。第二个API用于查找该特定符号的值。这些值被追加到表中。我想对表的列使用排序。 tablesorter()是一个对不工作的表进行排序的函数。这对于一个简单的表来说是很好的。 这是我的密码


//HTTPRequest
var值=[];
$.ajax({
方法:“获取”,
url:“https://api.binance.com/api/v1/exchangeInfo"
})
.完成(功能(数据){
数据.符号.forEach(函数(元素,索引){
值[索引]=element.symbol;
$(.tablefriendsname”).append(“+element.symbol+”);
$.ajax({
方法:“获取”,
url:“https://api.binance.com/api/v1/ticker/24hr?symbol=“+数据.符号[索引].符号
})
.done(函数(数据2){
$(.tablefriendsname2”).append(“+data2.priceChange+”);
$(.priceChangePercent”).append(“+data2.priceChangePercent+”);
$(.weightedAvgPrice”).append(“+data2.weightedAvgPrice+”);
$(.prevClosePrice”).append(“+data2.prevClosePrice+”);
$(“.lastPrice”).append(“+data2.lastPrice+”);
$(“.lastQty”).append(“+data2.lastQty+”);
$(“.bidPrice”)。追加(“+data2.bidPrice+”);
$(“.bidQty”).append(“+data2.bidQty+”);
$(“.askPrice”).append(“+data2.askPrice+”);
$(“.askQty”).append(“+data2.askQty+”);
$(“.openPrice”).append(“+data2.openPrice+”);
$(“.highPrice”).append(“+data2.highPrice+”);
$(“.lowPrice”).append(“+data2.lowPrice+”);
$(“.volume”).append(“+data2.volume+”);
$(.quoteEvolume”).append(“+data2.quoteEvolume+”);
$(“.openTime”).append(“+data2.openTime+”);
$(“.closeTime”).append(“+data2.closeTime+”);
$(“.firstId”).append(“+data2.firstId+”);
$(“.lastId”).append(“+data2.lastId+”);
$(“.count”).append(“+data2.count+”);
$('#myTable')。触发器('update');
})//关闭内部完成
})//关闭FOREACh
});   // 关闭外部完成
$(文档).ready(函数()
{ 
$(“#myTable”).tablesorter();
});

加密Api获取
符号
价格变动百分比
加权平均价格
前收盘价
最后价格
最后数量
投标价格
投标数量
askPrice
询问数量
公开价格
高价
低价
卷
引文
开放时间
关门时间
第一身份
拉斯蒂德
计数
  • 首先加载jQuery
  • 不要在单元格中追加行;创建行字符串,添加每个单元格,然后将其追加到表中:

    .done(function(data2){
      var tr = '<tr><td class="symbol">' + element.symbol + '</td>';
      // array of each table column in order
      ['priceChangePercent', ..., 'count'].forEach(item => {
        tr += '<td class="' + item + '">' + data2[item] + '</td>';
      });
      $('#mytable).append(tr).trigger('update');
    });
    
    .done(函数(数据2){
    var tr=''+元素.symbol+'';
    //按顺序排列每个表列的数组
    ['priceChangePercent',…,'count'].forEach(项目=>{
    tr+=''+数据2[项目]+'';
    });
    $('#mytable).append(tr.trigger('update');
    });