Javascript 每当ajax调用codeigniter时,尝试在div中追加图像
嘿,伙计们,尝试在.append中发送图像,所以每当我的ajax加载图像时,都会显示图像。但是当我使用像这样传递值时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
$("#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);
}
});
}
});
});