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包含您要重定向的网址，请使用此

aTag.setAttribute('href', a);

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

document.body.appendChild(myDiv);

如何将url附加到我作为json响应获得的div中的锚标签？

2 个答案: