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

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

使用 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);

仅供参考,console.log确保您根据需要获得正确的数据,我向您展示了实现这一目标的方法,但请确保您使用的是正确的变量名称.