Javascript 如何使用jquery和JSON动态构建链接

我有一个返回以下JSOn的web API：-

{'url': 'http://192.168.10.50/WCF/00vf/img?imgid=1', 'desc': 'firstdoc'},{'url': 'http://192.168.10.50/WCF/vf/img?imgid=2', 'desc': 'sedonddoc'},{'url': 'http://192.168.10.50/WCF/vf/img?imgid=3', 'desc': 'thirddoc'}

因此，我需要基于返回的JSON构建链接，我尝试编写以下jquery，但没有成功：-

<script type="text/javascript">
$(function() {
    $.getJSON("http://localhost:1431/home/statisjson",
  {

    datetype: "json"
  },
  function(data) {
      $.each(data, function (key, val) {
      $("<a/>").attr("href", val.url).appendTo("#links");

    });
  });
})
</script>
<div id="links"></div>

尝试使用以下方法：

$("<a>" + val.desc + "</a>").attr("href", val.url).appendTo("#links");

尝试使用以下方法：

$("<a>" + val.desc + "</a>").attr("href", val.url).appendTo("#links");

---

将HTML作为第一个参数传递时，可以将包含属性的对象文字作为第二个参数传递：

$("<a>", { href: val.url, text: val.desc }).appendTo("#links");

---

将HTML作为第一个参数传递时，可以将包含属性的对象文字作为第二个参数传递：

$("<a>", { href: val.url, text: val.desc }).appendTo("#links");

---

这不是有效的JSON。您需要添加[]

您应该尝试以下方法来创建链接：

$("<a/>").attr("href", val.url).text(val.desc).appendTo("#links");

---

这不是有效的JSON。您需要添加[]

您应该尝试以下方法来创建链接：

$("<a/>").attr("href", val.url).text(val.desc).appendTo("#links");

---

$.attrref，val.url.textval.desc.appendTolinks；这不是日期类型，而是数据类型！$。attrref，val.url.textval.desc.appendTolinks；这不是日期类型，而是数据类型！谢谢回复，请看我的更新，我修改返回的JSON格式谢谢回复，请看我的更新，我修改返回的JSON格式