img src代码无法从javascript渲染

Question

我正在使用ajax json返回一些数据。使用json返回的对象具有我需要渲染的图像路径。这是我的js函数中的代码

data = '<div class="articleWrapper"><div class="articleImgThumb">' + '<img src="'+item.ImagePath;'" />' + '</div></div>';

我做错了因为这段代码在我的视图中呈现为

<div class="articleWrapper">
  <div class="articleImgThumb"> // here should be img src code </div>
</div>

由于

Answer 1

尽量遗漏分号：

item.ImagePath

而不是：

item.ImagePath;

并添加+：

item.ImagePath +

Answer 2

试试这个：

data = '<div class="articleWrapper"><div class="articleImgThumb"><img src="' + item.ImagePath + '" /></div></div>';

Answer 3

此外，在item.ImagePath

之后错过了连接'+'运算符

Answer 4

data = '<div class="articleWrapper"><div class="articleImgThumb">' + '<img src="' + item.ImagePath + '" />' + '</div></div>';

Answer 5

您在item.ImagePath之后使用; 而不是 + 。试试这个：

data = '<div class="articleWrapper"><div class="articleImgThumb">' + '<img src="'+item.ImagePath+'" />' + '</div></div>';