这是我的MVC代码:
ImageName
以下是员工对象的图片:
我想删除 $.ajax({
url: "Home/GetRemix",
data: "",
dataType: "json",
success: function (data) {
debugger;
var rows;
for (var i = 0; i < 15; i++) {
var row = $('<tr style="height:30px;width:30px;"></tr>').appendTo(mytable);
$.each(data, function (k, item) {
debugger;
for (var j = 0; j < cols;) {
debugger;
$('<td style="border:2px solid #FFF;"><img class="slide" style="width:30px; height:30px;" id="img' + item.RandNo + '" src=img/tiles/"' +item.ImageName+ '"></td>').appendTo(row);
j++;
}
});
// $('#TableID tbody').append(rows);
mytable.appendTo("#TableID");
}
},
error: function (data) {
debugger;
alert('error');
}
});
中的双引号。在上图中,该值采用双引号形式 - 如何删除它?
以下是调用action方法的jQuery代码:
item.ImageName
在这个jQuery代码WebMethod
由于引用而出错 - 在路径中找不到图像,只是因为双引号。
有人知道解决方法吗?
答案 0 :(得分:1)
该错误不在服务器端或与Visual Studio或.NET相关的任何内容(字符串引用它们,它们是如何编写的,以及它们如何&# #39;重新显示在调试器中),但是在你的JS代码中:
src=img/tiles/"' +item.ImageName+ '"
在错误的位置添加引号,并生成无效的HTML元素。
这个简单的演示通过显示代码生成的错误HTML来说明问题:
var item = { "ImageName": "9714_1_4", "RandNo": 1};
var str = '<td style="border:2px solid #FFF;"><img class="slide" style="width:30px; height:30px;" id="img' + item.RandNo + '" src=img/tiles/"' +item.ImageName+ '"></td>';
alert(str);
&#13;
要修复,您只需将代码中的双引号移动到您为&#34; src&#34;定义的值的开头即可。属性,以便整个路径包含在引号中(从而成为有效的属性):
src="img/tiles/' +item.ImageName+ '"
var item = { "ImageName": "9714_1_4", "RandNo": 1};
var str = '<td style="border:2px solid #FFF;"><img class="slide" style="width:30px; height:30px;" id="img' + item.RandNo + '" src="img/tiles/' +item.ImageName+ '"></td>';
alert(str);
&#13;
当然,您的图片名称也可能需要文件扩展名(例如&#34; .jpg&#34;或其他内容),以使其指向服务器上的实际文件,但是&#39;另一个问题。