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

Question

我正在尝试从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);
                }
            }
        });
    });

Answer 1

这是因为您要以文本（字符串）的形式插入链接。试试这个

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