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

我想创建一个动态锚标签，其中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?

在返回的JSON数据上创建href

1 个答案: