Javascript 在HTML表中排序、更新和显示异步响应数据

我有一个向后端发出多个异步调用的应用程序；每个异步响应都是

{date，string}

值的数组

我想在web浏览器中的一个排序表中（按日期排序）显示每个异步调用到达时的响应。当其他异步调用的后续响应到达时，我希望实时更新排序表

例如，第一个异步响应可能是

[{'2012-02-10'，ABC'}，{'2012-01-19'，DEF'}，{'2012-03-01'，GHI'}]

，我希望看到类似

2012-01-19DEF2012-02-10ABC2012-03-01GHI

的内容立即呈现在我的浏览器中

如果一段时间后出现第二个异步响应

[{'2011-12-09'，'JKL'}]

，我希望HTML随后更改为

2011-12-09JKL2012-01-19DEF2012-02-10ABC2012-03-01GHI

我所追求的效果是在我的浏览器中有一个结果表，随着各种异步响应的出现，结果表将逐渐用排序后的数据进行更新。当接收到每个新的异步响应时，表的大小会增加，因为新的

{date，string}

元素以正确的日期顺序出现，并且已经显示了数据

这可能不是一个独特的场景，所以我猜有一种方法可以被认为是“最佳实践”——可能使用jQuery UI。如果是这样，请有人给我举一个“如何”或例子好吗我还没能用谷歌找到任何合适的

---

提前感谢

您可以从这个开始

<script>
function my_func()
{
var myarray = ["2012-02-10, ABC", "2012-01-19, DEF", "2012-03-01, GHI"];
var table_content = '';
var temp_arr = '';
for(var i in myarray)
{
    myarray.sort();
    temp_arr = myarray[i].split(',');
    table_content = table_content + '<tr><td>'+temp_arr[1]+'</td><td>'+temp_arr[0]+'</td></tr>'
}
table_content = '<table>'+table_content+'</table>'
document.getElementById('mytable').innerHTML = table_content;
}
</script>

<input type="button" value="clickme" onclick="my_func();"/>
<div id="mytable"></div>

函数my_func（）
{
var myarray=[“2012-02-10，ABC”，“2012-01-19，DEF”，“2012-03-01，GHI”]；
var表_内容=“”；
var temp_arr=''；
for（myarray中的变量i）
{
myarray.sort（）；
temp_arr=myarray[i]。拆分（'，'）；
表内容=表内容+''+temp\u arr[1]+''+temp\u arr[0]+''
}
表内容=“”+表内容+“”
document.getElementById（'mytable'）。innerHTML=表格内容；
}

您可以在成功调用函数后运行该函数，然后填充html，而不是在单击按钮时调用该函数

---

我希望这会有所帮助

你试过在谷歌上搜索吗？它显示了许多现有的解决方案。没有一个对你有用吗？我试过了，但也许我用错了搜索词——很难用几句话来描述我想要的是什么