Question

客户端（typescript）从服务器获得不同的结果，都是json格式。有时是简单的json结果，有时是复杂的嵌套jsons。

我需要在（非常）简单的html表中显示结果。

function run(): void {
var url = this.selectedKnockoutDropList(); 

$.ajax(url, "GET").done(data => {
    console.log(data);

    *** here I want to do something like : 
        - open/embedd results.html
        - fill a table with the json results parsed somehow
});

我尝试了$（'＃...）。html（数据）但没有成功。

Answer 1

您需要将JSON转换为有意义的HTML。这可以在typescript，javascript中完成。它可以使用jQuery完成，可以使用诸如把手之类的JavaScript模板来完成。它可以使用像Angular这样的SPA框架来完成。

请发布返回的JSON示例，我可以使用不使用任何工具集或库的TypeScript示例进行更新。

Answer 2

JSON是一个对象。要将其输出到文档，您需要先将其转换为字符串：

$.ajax(url, "GET").done(data => {
  $('#...).html(JSON.stringify(data));
}

但是，如果您知道要返回的数据类型并且只想输出部分数据，那么您需要循环使用JSON。例如，如果您有一个JSON对象，如：

[
   {name: "Joe", age: 32},
   {name: "Suzy", age 23},
   {name: "Tom", age 28}
]

您可以输出如下名称：

$.ajax(url, "GET").done(data => {
   data.forEach(function(person) {
      $(ul).append('<li>' + person.name + '</li>');
   });
}

如何以HTML格式显示返回的ajax Json结果（使用typescript）

2 个答案: