Question

我有以下代码附加到mysql的不同div数据但是我有一个问题，添加图像我无法逃避＆＃34;正确。

   $(document).on("click", ".active-modal", function () {
     var queryId = $(this).data('uri');
     $.ajax({
       url: '/catalog/product/modal-ajax',
       type: 'POST',
       dataType: 'json',
       async: true,
       data: {productId: queryId},
       success: function(data) {
          for (var key in data) {
            $('.product-name').text(data.ProductName);
            $('.product-code').text(data.BexProductCode);
            $('<img src="img/door-right.png">').appendTo(".ball_footballbox");
            $('<img src="/public/uploads/productPictures/thumbnails/" '+ data.ProductImage +' ">');
          }
       }
     })
     .fail(function() {
       console.log("error");
     })
   });

Answer 1

如果我理解你的问题，你需要改变这一行：

$('<img src="/public/uploads/productPictures/thumbnails/" '+ data.ProductImage +' ">');

到这一个：

$('<img src="/public/uploads/productPictures/thumbnails/'+data.ProductImage+'">');

如果data.ProductImage包含一些引号，请尝试替换任何“由＆amp; quot;实体出现”，然后粘贴到src属性中。

Answer 2

只需改变一下：

$('<img src="/public/uploads/productPictures/thumbnails/" '+ data.ProductImage +' ">');

到此：

$('<img src="/public/uploads/productPictures/thumbnails/'+ data.ProductImage + '" />').appendTo('#some-destination');

或者您可以像这样放置src：

var image_source = '/myimage/dir/' + data.ProductImage;

$('<img />').attr('src', image_source).appendTo('#some-holder');

javascript转义报价和变量

2 个答案: