javascript - 如何将 url 附加到我作为 json 响应得到的 div 内的锚标记？

Question

我对 api 做了一个 ajax，我得到了 json 响应

$.ajax({
            url: 'http://api.yipit.com/v1/deals/key=TMBYhkzfCntMb&limit=20&division=boston',
            dataType: 'jsonp',
            success: function (data) {
                console.log(data);
                var a = data.response.deals[0].business.url;
                // Below I get the url of the page with .htm extension
                console.log("link is "+a);
                var mydiv = document.getElementById("empid");
                var aTag = document.createElement('a'); 
                aTag.setAttribute('href', "what i'm supposed to put here ");
                aTag.innerHTML = "link text";
                empid.appendChild(aTag);
            }
        });

我已经获得了变量中的值，该a变量现在是一个链接，我想在我的锚标记中使用该 url。

Answer 1

利用

aTag.setAttribute('href', a);

一个更合适的方法是

$.ajax({
    url: 'http://api.yipit.com/v1/deals/key=TMBYhkzfCntMb&limit=20&division=boston',
    dataType: 'jsonp',
    success: function (data) {
        var a = data.response.deals[0].business.url;
        $('<a />', {
            href:a
        }).text('link text').appendTo('#empid')
    }
});

Answer 2

如果a包含您要重定向的 URL，则使用此

aTag.setAttribute('href', a);

Eidt：我认为您可能还需要将您的 empId div 附加到正文，否则您将无法在 HTML 中看到它。现在，它不是您文档的一部分。要附加到文档，您可以使用

document.body.appendChild(myDiv);