代码之家  ›  专栏  ›  技术社区  ›  Matt

从API获取数据并显示为名称和网站链接

  •  0
  • Matt  · 技术社区  · 6 年前

    我正在尝试从API获取数据并以格式显示它们 Name + clickable website link . 我可以显示数据,但链接是用文本而不是超链接表示的。

    有我的Ajax脚本:

    $(function() {
            $.ajax({
                url: "url",
                type: "get",
                dataType: "json",
                success: function(data) {
                 console.log(data.name);
    
    
                    for (i = 0; data.length; i++)  {
                        name = data[i].name;
                        web_pages = data[i].web_pages;
    
    
                        var link = document.createElement('a');
                        link.setAttribute('href', web_pages);
                        link.innerHTML = web_pages;
    
    
                            var paragraph = $("<p />", {
                              text: name + " " + link
                            });
    
                        $("#display-resources").append(paragraph);
                    }
                }
            });
        });
    1 回复  |  直到 6 年前
        1
  •  2
  •   Jaeeun Lee ueznem    6 年前

    这是因为您将链接作为文本(字符串)插入。试试这个

    var paragraph = $("<p />", { text: name + " " }).append(link)