Javascript 显示数据的最快方式

我想在页面加载后将一个包含大约10k个条目的表加载到一个div中。 我使用body onload函数发出ajax请求，从10k个不同的文本文件中读取数据，将数据解析到表中，然后将表返回到div。 但是从10k文件中读取和解析数据需要很多时间。 我尝试过使用javascript进行同步解析，但它仍然需要php函数，所以我所能做的就是发出并行AJAX请求， 但这似乎也不起作用

显示表格的最佳/最快方式是什么

JSON

{  
   "InventionTitle":"Method and system using information",
   "Abstract":"This invention provides assistance to a user in accessing network attached information sources.",
   "number1":"US-6102969-A",
   "date1":"19990512",
   "date2":"20000815",
   "number2":"US-09310899",
   "has_pdf":"",
   "TitleDWPI":"",
   "AbstractDWPI":"",
   "Assignees":"TkVUQk9U",
   "Inventors":"Q0hSSVNUSUFOU09OIERBVklE | RE9PUkVOQk9TIFJPQkVSVCBC",
   "PriorityNums":"US-08933782 | US-08025304",
   "PriorityDates":"19970919 | 19960920",
   "IPCClasses":"G06F 13/00 | G06F 17/30",
   "ECLAClasses":"H04L 29/08N1 | G06F 17/30W1",
   "USClasses":"717/146 | 707/999.002 | 707/999.01",
   "CPCClasses":"Y10S 707/99933 | Y10S 707/99935 | Y10S 707/99944"
}

表行是

---

Title、number1、number2、date1、date2、inventor、assignment

使用js中的settimeout创建异步行为，并在块中提取少量数据

---

试着一次装一点桌子。使用AJAX在解析数据时加载一行，然后移动到下一行，而不是构建整个表然后将其放入。分页将是您的朋友。。。正如AoN所说，最好一点一点地构建表。没有人希望或能够在一秒钟内读取完整的表。一个包含10k行的表即使在不使用AJAX的情况下以“经典”的方式进行传输，也很难通过浏览器进行渲染。如果可以使用固定的表格宽度，以便浏览器不必根据每个单元格的内容计算表格宽度，则可能会加快渲染速度。顺便说一句，一次性获取大量数据对用户来说可能也不是最有帮助的事情——也许你应该事先考虑分页和搜索/过滤数据。我也尝试过，但问题是，我需要所有数据才能让页面的其他功能正常工作。我需要显示/隐藏这些表项，但由于所有行不会同时加载，因此函数无法显示/隐藏甚至不存在的行分页也不是选项。我需要对表行进行筛选，因此分页将阻止我这样做@ʰᵈˑOP没有提供太多代码。这是对OP想要什么的一个很好的回答。