javascript - 从 Ajax 成功响应中循环遍历数组并为多个图像占位符附加图像 src 属性
问题描述
我正在尝试遍历一个数组并将 Base64 数据 URL 附加到来自 Ajax Success 响应的多个图像占位符(这些是在 Asp.net Webforms 页面中动态创建的)的图像 src 属性。
这是我尝试过的:
success: function (response) {
var getData = JSON.parse(response.d);
for (var x = 0; x < getData.length; x++) {
uri = getData[x].ImageURI;
imageID = getData[x].ID;
$("[id*=ContentPlaceHolder1_Image",{imageID},"]").attr("src", uri);
}
},
我的图像占位符如下所示:
<img id="ContentPlaceHolder1_Image236" src="The Base64 URL goes here">
<img id="ContentPlaceHolder1_Image237" src="The Base64 URL goes here">
<img id="ContentPlaceHolder1_Image238" src="The Base64 URL goes here">
...
src
除了设置属性外,我还将响应中的图像 ID 附加到此占位符。我在控制台中没有任何错误,但没有填充图像。
解决方案
您需要连接字符串以创建它们的选择器
所以要么使用+
和字符串
$("[id*=ContentPlaceHolder1_Image" + imageID + "]").attr("src", uri);
或模板文字(注意不同的引号和$
)
$(`[id*=ContentPlaceHolder1_Image${imageID}]`).attr("src", uri);
推荐阅读
- android - 使用 google DNS 运行时,Android 模拟器中的地址也无法访问
- android - 警报对话框的开始
- django - Django models.BinaryField Postgres 不显示上传按钮
- php - 为什么我的 else 语句不起作用,但第一个语句是?
- php - Laravel 中 FormRequest 中的访问对象
- django - Django:分解HTML代码
- python - 点没有属性“tk”
- php - 基于 2 个参数从 MySQL 数据库中选择
- ant - Junit - 按照 ant 在 build.xml 中的顺序运行测试用例/类
- javascript - JavaScript 硬币翻转“你赢/输”消息不起作用