jQueryのAjaxのPOSTは、私は、以下の機能を持っているPHPの変数

Question

を返しません。設定されるはずの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スクリプトの戻り値は、ブラウザへの応答として送信され、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を置くことができます。そして

$(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

を

$html = "<div>"; 
// add more html into variable 
$html .= "</div>; 
$returnArray['html'] = $html; 
$returnArray['id'] = $uniqueend; 

のような配列にhtmlとIDを入れて、あなたのフロントエンドであなたは、あなたのデータでこれらのインデックスにアクセスする必要があるこれは本当によくある誤解です。あなたの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変数にアクセスすることはできません。