Question

我所做的是通过ajax获取我的数据。在那个对象中，我有字符串url，我试图分配给创建的图像。我不知道如何做到这一点。我试过的是通过创建我的表行/单元来循环数据，然后找到特定单元格创建一个图像对象并从数据对象中分配源值。这是代码：

var imgAttr = [];
$.ajax({
    url: 'DAL/WebService1.asmx/RegisteredProducts',
    method: 'post',
    data: { pageNumber: currentPage, pageSize: 5 },
    dataType: 'json',
    success: function (data) {
        $(data).each(function (index, d) {

            imgAttr = d.ImgUrl;

            $('#displayMe').append('<tr><td class="imageHolder"></td> <td> + d.id + </td></tr>');

            $('.imageHolder').each(function () {                
                var img = $('<img />', {
                    class: 'Myid',
                    src: imgUrl                                          
                    alt: 'Image'                        
                });
                $(this).html(img);

            });

          });

        });
    }
});

Answer 1

$('#displayMe').append('<tr><td class="imageHolder">' + 
  '<img src="' + d.ImgUrl + '" class="Myid" alt="Image"/>' +
  '</td> <td>' + d.id + '</td></tr>');

只需在$('#displayMe').append行使用上述内容，然后移除$('.imageHolder').each部分。

动态填充img源

1 个答案: