jQuery的阿賈克斯POST不是PHP變量返回

Question

我有以下功能：

$(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 /內容數據它返回，所以我不知道如何適合或工作。

謝謝！

Answer 1

Ajax不能這樣工作。您的php腳本在服務器上的返回值是作爲瀏覽器的響應發送的，然後將其放入成功回調函數的數據參數中。所以你會看到，你的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; 
     } 
    } 
    });  
} 
}); 

Answer 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變量。