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

我想使用javascript在网站上生成此结构：

，据我所知，有3个步骤：

现场加载javascript发送请求（ajax？）到远程服务器URL（）

作为来自远程服务器的响应，他得到了两个值（URL、IMG_URL）

然后javascript创建一个链接

，并将其放在web站点上（例如

---

其想法是从远程横幅服务器在网站上显示不同的横幅。我认为这就像adsense一样，但没有iframe。

以json的形式从服务器响应data.php

{
     "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);
        }
    });
});

$（文档）.ready（函数（）{
$.ajax({
url:“/data.php”，
数据类型：“json”，
成功：功能（res）{
var-anchor=''；
$（'body'）。追加（锚定）；
}
});
});

无论服务器如何响应ajax请求，javascript都会显示出来。你的问题是什么？问题是如何使用javascript从收到的值生成链接，dbucki在下面回答。我在页面上添加了这个，但没有添加任何内容。我已经将url设置为提供json数据的真实url，并将js代码放在页面上，但什么也没发生。也许我错过了一些关于如何在页面上显示结果的信息？在谷歌控制台中，我看到这样的信息：GET net:：ERR_BLOCKED_BY_ClientKey，这是我的浏览器插件adblock。关掉它解决了这个问题。一切都很完美！