Question

我想通过Ajax将图像发送到View through。

但在使用PHP的管理页面中，我添加了多个图像。因此，列表图像的格式如下：

["image_1.jpg","image_2.jpg","image_3.jpg"]

我想在div#res中显示列表图片。它不会删除像[" "," "]。

这样的字符

这是我的代码：

$(document).ready(function(){
    $('li.thang').click(function(){
        var id_thang = $(this).attr('value');
        $.ajax({
            url: baseUrl+'/Home/getImage',
            dataType: 'json',
            type: 'POST',
            data: {id_thang: id_thang},
        }).done(function(result) {
            var image_list = result.image_list;
            for(m = 0; m < image_list.length; m++){
                '<img data-u="image" src="img/product/' + image_list[m]+ ' alt="" />'  + '</br>';
            }
           $('#res').html(image_list);
        })
    });
});

变为：

<img data-u="image" src="img/product/["image_1.jpg","image_2.jpg","image_3.jpg"] alt="" />

我只需要这样：

<img data-u="image" src="img/product/image_1.jpg" alt="" />
<img data-u="image" src="img/product/image_2.jpg" alt="" />
<img data-u="image" src="img/product/image_3.jpg" alt="" />

更新了1并提供了更多信息：

我有通过id获取图像的功能：

function getImage(){
    $id_thang = $this->input->post('id_thang');
    $input = array();
    $input['order'] = array('id','ASC');
    $get_image_thang  = $this->Mmenushoatnao->get_info($id_thang);
    echo json_encode($get_image_thang);
}

这是我在Ajax中的完整代码：

$(document).ready(function(){
    $('li.thang').click(function(){
        var id_thang = $(this).attr('value');
        $.ajax({
            url: baseUrl+'/Home/getImage',
            dataType: 'json',
            type: 'POST',
            data: {id_thang: id_thang},
        }).done(function(result) {
            // console.log(result);
            var image_list = result.image_list;
            for(m = 0; m < image_list.length; m++){
                image_list += '<img data-u="image" src="upload/hoatnao/hinhanh/' + result.image_list[m]+ ' alt="" />'  + '</br>';
                console.log(image_list);
            }
           $('#res').html(image_list);  
        })      
    });
});

最后，我用id=res打印它：

<div id="res" class="col-md-4 col-sm-4 col-xs-4">

</div>

这是一张图片。

每行大约有四张图片。

您可以在我的数据库中看到。

Answer 1

使用TextBlock

concatenation

仅供参考，请var image_list = ""; for(m = 0; m < result.image_list.length; m++){ image_list += '<img data-u="image" src="img/product/' + result.image_list[m]+ ' alt="" />' + '</br>'; } $('#res').html(image_list);确保您根据需要获得正确的数据，我向您展示了实现这一目标的方法，但请确保您使用的是正确的变量名称。

如何删除Ajax中的特殊字符？

1 个答案: