如何在网站上使用javascript生成图像链接？

Question

我想使用javascript：<a href="URL"><img src="IMG_URL"></a>在网站上生成此结构，据我所知，有3个步骤：

1. 现场加载javascript发送请求（ajax？）到远程服务器URL（http://website.com/data.php）
2. 作为来自远程服务器的响应，他获得了两个值（URL，IMG_URL）
3. 然后javascript创建一个链接<a href="URL"><img src="IMG_URL"></a>并将其放在网站上（用于检查？）

这个想法是在远程横幅服务器上显示网站上的不同横幅。我认为它与adsense相似，但没有iframe。

Answer 1

从服务器响应data.php为json

{
     "url":"http://www.example.com",
     "url_img":"http://www.example.com/image.jpg"
}

和JS

$(document).ready(function(){
    $.ajax({
        url: '/data.php',
        dataType: 'json',
        success: function(res) {
             var anchor = '<a href="'+res.url+'"><img src="'+res.url_img+'" alt=""></a>';
             $('body').append(anchor);
        }
    });
});