📌  相关文章
📜  如何使用 jQuery 从 JSON 文件中获取数据并显示在 HTML 表中?

📅  最后修改于: 2021-08-31 07:13:09             🧑  作者: Mango

任务是从给定的 JSON 文件中获取数据并将数据转换为 HTML 表。

方法:我们有一个 JSON 文件,其中包含对象数组形式的数据。在我们的代码中,我们使用 jQuery 来完成我们的任务。 jQuery 代码使用getJSON()方法通过 AJAX HTTP GET请求从文件位置获取数据。它需要两个参数。一个是 JSON 文件的位置,另一个是包含 JSON 数据的函数。 each()函数用于遍历数组中的所有对象。它也需要两个参数。一个是数据,另一个是包含索引和元素的函数。空字符串用于构造包含来自 JSON 对象的数据的行。 append()方法用于附加包含表中行的字符串。

JSON 文件:

例子:


  

    
    GFG User Details
  
    
    
  
    
    

  

    
        

GeeksForGeeks

                                                                                                                                                       

输出:

GFG UserHandlePractice ProblemsCoding ScoreGFG Articles