Извлечение данных из 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)