删除斜杠fromJSON数组

Question

有些问题是这样的，但这有点不同。我的JSON数组包含一个图像url：

dribbble.jpg。

当我用jquery解析JSON时，img在结尾处用斜杠(/)返回：

dribbble.jpg/

因此，我得到一个错误，图像无法加载。我怎么才能去掉那个斜线？

下面是我的json解析器的代码：

$(document).ready(function() {
    $.getJSON('scripts/json/articles.json', function(data) {
        $.each(data, function(i) {
            parent = $("<div class='card'/>");
            a = $("<a href=" + data['articles']['0'].Link + " target='_target'/>")
            li = $("<li class='bottom-description'/>");

            parent.append(a);

            a.append("<img src=" + data['articles']['0'].Image + "/>");
            a.append(li);

            li.append("<p class='title'>" + data['articles']['0'].Title + "</p>");
            li.append("<h3 class='desc'>" + data['articles']['0'].Description + "</h3>");
            $('.card-section').append(parent);
        })
    });
})

Answer 1

我相信你需要把图像源放在引号里。"/“来自"/>”。

解决办法是用.代替第10行。

a.append("<img src='" + data['articles']['0'].Image + "' />");

注意添加到"src=“和"/>”旁边的单引号。

Answer 2

   a.append("<img src=" + data['articles']['0'].Image + "/>");

输出<img src=url/>。因此，您可以获得url/作为src。最小的更改是在前面添加一个空格，但更好的做法是也添加引号。

   a.append("<img src='" + data['articles']['0'].Image + "' />");

这里也是如此：

a = $("<a href='" + data['articles']['0'].Link + "' target='_target'/>")

一旦你有空格的值，引号是必要的。