javascript - JSON応答として取得したdiv内のアンカータグにURLを追加する方法は?

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 を body に追加する必要があるかもしれないと思います。そうしないと、HTML で表示できなくなります。現在、それはあなたの文書の一部ではありません。ドキュメントに追加するには、使用できます

document.body.appendChild(myDiv);