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

Question

我正在尝试从 API 获取数据并以名称+可点击网站链接的格式显示它们。我能够显示数据，但链接表示为文本而不是超链接。

这是我的 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)