Javascript 每当ajax调用codeigniter时,尝试在div中追加图像

Javascript 每当ajax调用codeigniter时,尝试在div中追加图像,javascript,php,jquery,ajax,codeigniter,Javascript,Php,Jquery,Ajax,Codeigniter,嘿,伙计们,尝试在.append中发送图像,所以每当我的ajax加载图像时,都会显示图像。但是当我使用像这样传递值时 $("#status_data").append('<div style=" margin: 20px 50px 0px 40px; ">' + '<a>' + '<?php echo img($user_image); ?>' + '</a>' + '<a>' + ' <?php echo $uname; ?&g

嘿,伙计们,尝试在.append中发送图像,所以每当我的ajax加载图像时,都会显示图像。但是当我使用像这样传递值时

$("#status_data").append('<div style=" margin: 20px 50px 0px 40px; ">' + '<a>' + '<?php echo img($user_image); ?>' + '</a>' + '<a>' + ' <?php echo $uname; ?>' + '</a>' + '<div>' + image_status + '</div>' + '</div>');
这是我的剧本:

$(document).ready(function() {
  $(window).scroll(function() {
    var lastID = $('.load-more').attr('lastID');

    if ($(window).scrollTop() == $(document).height() - $(window).height() && lastID != 0) {
      jQuery.ajax({
        type: 'POST',
        url: '<?php echo base_url("user/get_all_post"); ?>',
        data: "id=" + lastID,
        dataType: 'json',
        beforeSend: function(html) {
          $('.load-more').show();
        },
        success: function(data) {
          var ParsedObject = JSON.stringify(data);
          var json = $.parseJSON(ParsedObject);

          $PostId = json[4]['id'];
          for (i = 0; i < 5; i++) {
            var post_status = json[i]['status'];
            $status_image = json[i]['status_image'];
            var multimage = json[i]['multimage'];

            alert($status_image);

            $("#status_data").append('<div style=" margin: 20px 50px 0px 40px; ">' + '<a>' + '<?php echo img($user_image); ?>' + '</a>' + '<a>' + ' <?php echo $uname; ?>' + '</a>' + '<div>' + post_status + '</div>' + '</div>');

            $("#status_data").append('<div style=" margin: 20px 50px 0px 40px; ">' + '<a>' + '<?php echo img($user_image); ?>' + '</a>' + '<a>' + ' <?php echo $uname; ?>' + '</a>' + '<div>' + '<img src="' + <?php base_url('uploads/'); ?>
              status_image + '">' + '</div>' + '</div>');
          }
          $('.load-more').attr('lastID', $PostId);
        }
      });
    }
  });
});
$(文档).ready(函数(){
$(窗口)。滚动(函数(){
var lastID=$('.load more').attr('lastID');
if($(窗口).scrollTop()==$(文档).height()-$(窗口).height()&&lastID!=0){
jQuery.ajax({
键入:“POST”,
url:“”,
数据:“id=”+lastID,
数据类型:“json”,
发送前:函数(html){
$('.load more').show();
},
成功:功能(数据){
var ParsedObject=JSON.stringify(数据);
var json=$.parseJSON(ParsedObject);
$PostId=json[4]['id'];
对于(i=0;i<5;i++){
var post_status=json[i]['status'];
$status\u image=json[i]['status\u image'];
var multimage=json[i]['multimage'];
警报($status\u image);
$(“状态数据”)。附加(“”+“”+“”+“”+“”+“”+“”+“”+“”+“”+“”+状态后+“”+“”+“”+“”+“”);
$(“#状态#u数据”)。追加(“”+“”+“”+“”+“”+“”+“”+“”+“”+“”+“”+“”+“”+“”+“”+“”+“”
状态(图像+''>'+''+'');
}
$('.load more').attr('lastID',$PostId);
}
});
}
});
});

每次加载AJAX时,我可以做些什么来附加图像?有人能给我一些建议吗?

仅供参考,前两个代码示例中有很多不必要的字符串连接。这就是我需要以正确的顺序附加数据@Rorymcrossany您可以将其简化为单个字符串:
$(“#status_data”)。append(“”+image_status+“”)
`明白了@rorymcrossan,但是回显映像_status呢?@rorymcrossanjust仅供参考,在前两个代码示例中有许多不必要的字符串连接。这就是我需要以正确的顺序将数据附加到@rorymcrossany的内容。您可以将其简化为单个字符串:
$(“#status_data”)。附加(“”+image_status+“”);
“好的,我知道@Rorymcrossan,但是回声图像_status呢?@Rorymcrossan?”
$(document).ready(function() {
  $(window).scroll(function() {
    var lastID = $('.load-more').attr('lastID');

    if ($(window).scrollTop() == $(document).height() - $(window).height() && lastID != 0) {
      jQuery.ajax({
        type: 'POST',
        url: '<?php echo base_url("user/get_all_post"); ?>',
        data: "id=" + lastID,
        dataType: 'json',
        beforeSend: function(html) {
          $('.load-more').show();
        },
        success: function(data) {
          var ParsedObject = JSON.stringify(data);
          var json = $.parseJSON(ParsedObject);

          $PostId = json[4]['id'];
          for (i = 0; i < 5; i++) {
            var post_status = json[i]['status'];
            $status_image = json[i]['status_image'];
            var multimage = json[i]['multimage'];

            alert($status_image);

            $("#status_data").append('<div style=" margin: 20px 50px 0px 40px; ">' + '<a>' + '<?php echo img($user_image); ?>' + '</a>' + '<a>' + ' <?php echo $uname; ?>' + '</a>' + '<div>' + post_status + '</div>' + '</div>');

            $("#status_data").append('<div style=" margin: 20px 50px 0px 40px; ">' + '<a>' + '<?php echo img($user_image); ?>' + '</a>' + '<a>' + ' <?php echo $uname; ?>' + '</a>' + '<div>' + '<img src="' + <?php base_url('uploads/'); ?>
              status_image + '">' + '</div>' + '</div>');
          }
          $('.load-more').attr('lastID', $PostId);
        }
      });
    }
  });
});