我有以下功能:
$(window).scroll(function() {
if(ready && labelstatus && $(window).scrollTop() + $(window).height() > $(document).height() - 100){
$('#bottom2').html(loading);
ready = false;
$.ajax({
url: 'scripts/nearbothome.php',
data: {"currentNumber": botnumber, "usersid": usersid},
type: 'post',
success: function(data) {
botnumber = "<?php echo $uniqueend; ?>";
alert("<?php echo $uniqueend; ?>");
$('#oldposts').append(data);
$('#bottom2').html(bottom);
ready = true;
labelstatus = data;
if (data < 1) {
labelstatus = false;
}
}
});
}
});
这一切都正常,并按预期执行,除了将变量'botnumber'设置为新值。它应该设置的PHP变量应该由Ajax($ uniqueend)执行的.php文件返回。
见这里:
<?php
//open a database connection
include("../db.php");
//receive value
$currNum = $_POST['currentNumber'];
$uidd = $_POST['usersid'];
$results7 = mysql_query("SELECT * FROM `uc_posts` WHERE `postinguser` IN (SELECT `followers` FROM `uc_users` WHERE `id` = $uidd) AND id < $currNum ORDER BY id DESC LIMIT 20");
sleep(1);
while ($row = mysql_fetch_array($results7)) {
echo '<div class="postfeed2">';
$color='#ababab';
$id = $row['id'];
$page = $row['page'];
$postinguser = $row['postinguser'];
$displayname=mysql_fetch_array(mysql_query("SELECT `display_name` FROM `uc_users` WHERE `id` = $postinguser LIMIT 1"));
$username=mysql_fetch_array(mysql_query("SELECT `user_name` FROM `uc_users` WHERE `id` = $postinguser LIMIT 1"));
$checkiffav=mysql_fetch_array(mysql_query("SELECT * FROM `uc_posts` WHERE find_in_set($uidd,`likedby`) AND `id` = $id"));
if ($checkiffav) {
$color='#FF5733';
}
echo '<table><tr><td style="vertical-align: baseline;"><b><img src="blank-user-medium.png" width="50px" height="50px" style="vertical-align: text-top;margin-right: 8px;margin-top: 0px;border: 0px solid #D0D0D0;border-radius: 5px 5px 5px 5px;"></b></td>';
echo '<td style="display: block;word-break: break-word;"><b>' . $displayname[display_name] . '</b>';
echo ' <span style="color:#ababab;">@' . $username[user_name] . '</span>';
echo '<br>' . $page . '';
echo '<br><a href="javascript:void(0)" onclick="javascript:return like(' . $id . ',' . $uidd . ');"><i class="fa fa-heart fa-lg" id="heart' . $id . '" style="margin-top: 5px;color:' . $color . '"></i></a></td></tr></table>';
echo '</div>';
}
$uniqueend2 = mysql_fetch_array(mysql_query("(SELECT * FROM `uc_posts` WHERE `postinguser` IN (SELECT `followers` FROM `uc_users` WHERE `id` = $uidd) AND id < $currNum ORDER BY id DESC LIMIT 20) ORDER BY id ASC"));
$uniqueend = $uniqueend2['id'];
echo $uniqueend;
?>
我可以看到它回响:184。但是在警报中我添加到jQuery以验证没有任何内容。
我会使用json但是它返回了大量的php /内容数据,因此我不确定它是如何适合或工作的。
谢谢!
答案 0 :(得分:2)
这是一个非常常见的误解。在你的javascript中你试图调用php代码,但js在浏览器上运行,无法解析php或访问服务器端的php变量。 JQuery将返回在数据变量中发送到浏览器的任何内容,您应该在那里访问它。为此,您的代码将如下所示。
$(window).scroll(function() {
if(ready && labelstatus && $(window).scrollTop() + $(window).height() > $(document).height() - 100){
$('#bottom2').html(loading);
ready = false;
$.ajax({
url: 'scripts/nearbothome.php',
data: {"currentNumber": botnumber, "usersid": usersid},
type: 'post',
success: function(data) {
botnumber = data;
alert(data);
$('#oldposts').append(data);
$('#bottom2').html(bottom);
ready = true;
labelstatus = data;
if (data < 1) {
labelstatus = false;
}
}
});
}
});
如果您还有其他信息要发送到浏览器,您将需要使用不同的参数发出多个请求,或者发送回json响应并在javascript端解析它。您可以通过json发送相当大量的数据。如果通过json发送的数据太多,你可能需要发送多个请求。就像我在顶部提到的那样,你无法访问javascript中的php变量。
答案 1 :(得分:1)
Ajax无法正常工作。您在服务器上的php脚本的返回值作为响应发送到浏览器,然后它被放入success-callback函数的data参数中。所以你会看到,你的id是关于数据的,你将不得不使用它。
试试这样:
$(window).scroll(function() {
if(ready && labelstatus && $(window).scrollTop() + $(window).height() > $(document).height() - 100){
$('#bottom2').html(loading);
ready = false;
$.ajax({
url: 'scripts/nearbothome.php',
data: {"currentNumber": botnumber, "usersid": usersid},
type: 'post',
success: function(data) {
botnumber = data;
alert(data);
$('#oldposts').append(data);
$('#bottom2').html(bottom);
ready = true;
labelstatus = data;
if (data < 1) {
labelstatus = false;
}
}
});
}
});
评论后:
您可以将html放在变量中,而不是立即输出。然后将html和id放入类似
的数组中$html = "<div>";
// add more html into variable
$html .= "</div>;
$returnArray['html'] = $html;
$returnArray['id'] = $uniqueend;
然后在您的前端,您必须访问数据中的索引
$(window).scroll(function() {
if(ready && labelstatus && $(window).scrollTop() + $(window).height() > $(document).height() - 100){
$('#bottom2').html(loading);
ready = false;
$.ajax({
url: 'scripts/nearbothome.php',
data: {"currentNumber": botnumber, "usersid": usersid},
type: 'post',
success: function(data) {
botnumber = $data['id'];
alert($data['id']);
$('#oldposts').append($data['id']);
$('#bottom2').html(bottom);
ready = true;
// don't know what you are trying to do from here on
labelstatus = data;
if (data < 1) {
labelstatus = false;
}
}
});
}
});