javascript - 在返回的 JSON 数据上创建 href

Question

我有一些从填充表格的 ajax 请求返回的基本 JSON 数据

JSON

  {"data": {
      "id": "100",
      "name": "file name",
      "url": "www.somesite.com/abc/xyz",
       //etc...
   }  }

表格

ID   | 100
name | file name
url  | www.somesite.com/abc/xyz

我想创建一个动态 anchor 标记，其中 url 值作为 href - 我知道这可以在返回数据后在回调函数中完成，但我想知道是否有一个更简单(或最简单)的方法来完成此任务

所需的表格输出

ID   | 100
name | file name
url  | Click Here! //obviously the link to mysite.com/abc/xyz

Answer 1

每个 AJAX 请求都是异步的，因此没有其他选择，只能在回调中处理它(传统的或包装在 Promise 中)。

这就是我要做的:

// Get data is some function that makes the request and accepts a callback...
getData(function(data){
    // Build an anchor tag...
    var link = document.createElement('a');
    link.setAttribute('href', data.url);
    link.innerHTML = 'Click Here!';

    // Add it to the element on the page.
    var table = document.getElementById("table");
    table.appendChild(aTag);
});

确保修改代码以将其添加到页面，它会根据您的标记而有所不同。

灵感来源:How to add anchor tags dynamically to a div in Javascript?