Question

我正在为我正在制作的网站创建一个消息传递系统。基本上，它包括之后单击一个按钮和两个Ajax请求。我甚至不确定我是否正确地走这条路。单击按钮，第一个Ajax开始调用。第一个ajax请求加载一个文件，该文件加载消息的样式并从数据库中检索它们。我遇到的问题是，第一个请求有时需要很长时间才能完成，而另一个请求无法完成。我遇到的另一个问题是，如果我放置一个＆＃34;动画延迟＆＃34;在它上面键入的东西然后它看起来像它运行缓慢的页面。您可以在＆＃34; http://www.linkmesocial.com/linkme.php?activeTab=mes＆＃34;上运行示例。您必须键入或复制并超过整个长度才能工作，否则您将重定向到登录页面。任何建议都很棒！如果有一些更简单的方法来设置消息传递系统，请随时给我一些建议或指导我一个教程。非常感谢你！

我也想知道这是不是一个好习惯。请：）

我的原始文件。点击课程＆＃34; mes_tab＆＃34;表格已提交。还调用了函数mes_main（）。

session_start();
$username = $_SESSION['user'];
$messages = mysqli_query($con, "SELECT * FROM messages WHERE recipient='$username'");
echo "<div id=\"mes_main-bar_top\" class=\"center\">Messages</div>";
echo "<div id=\"mes_main\">";
echo "<table id=\"mes_main-allView\" class=\"left\">";
echo "<td class=\"mes_tab-change\" >^</td>";
$from=array("","","", "", "", "", "", "");

for ($msgCount = 0; $msgCount < 8; $msgCount++){
    $row = mysqli_fetch_array($messages);
    $from[$msgCount] = $row['sender'];
    for ($prev = 0; $prev < $msgCount; $prev++)
    {
        if ($from[$msgCount] == $from[$prev] )
        {
                $cont = true;
                break;

        }
    }
    if ($cont)
    {
    $cont = false;
    continue;
    }
    if ($row['message'] == ""){
        break;  
    }

    echo "<tr><td class=\"mes_tab\" onclick=\"mes_main('" . $row['sender'] .  "')\">";
    echo "<h3 class=\"center\">" . $row['sender'] .  "</h3>";
    echo "<form id=\"" . $row['sender'] .  "\" >";
    echo "<input name=\"sender\" value=\"" . $row['sender'] . "\" hidden/>";
    echo "<input name=\"id\" value=\"" . $row['id'] . "\" hidden/>";
    echo "</form>";
    echo "</td></tr>";

}


if ($msgCount == 8)
{
echo "<td id=\"mes_tab-change_bottom\" class=\"mes_tab-change\">V</td>";
}
echo "</table>  <!-- end mes_main-allView -->";

echo "<div id=\"mes_main-mesView\" class=\"right\">";

echo "</div>    <!-- end mes_main-mesView -->";

echo "</div>    <!-- end mes_main -->";

上面的mes_main（）函数。内部的两个ajax函数就是我在上面的帖子中提到的。

function mes_main(x)
{
var sender = x;
$( sender ).submit(function( event ) {
  event.preventDefault();

});


ajax_req_mes("scripts/home/php/mes_load.php?" + sender , "mes_main-mesView");
ajax_req_mes("scripts/home/php/mes_content.php?" + sender ,"mes_content");



}

mes_load.php

通过将发件人用户名通过URL传递来创建$ sender var。这就是我在网址上爆炸的原因。

session_start();
$username = $_SESSION['user'];
$url = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
$sender = explode('?', $url);
$recieved = mysqli_query($con, "SELECT * FROM messages WHERE recipient='$username' AND sender='$sender[1]'");
$sent = mysqli_query($con, "SELECT * FROM messages WHERE recipient='$sender[1]' AND sender='$username'");

echo "<div id=\"mes_content\"></div>";
echo "<div id=\"mes_field\" class=\"right\"></div>";

mes_content.php

session_start();
$username = $_SESSION['user'];
$url = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
$sender = explode('?', $url);
$recieved = mysqli_query($con, "SELECT * FROM messages WHERE recipient='$username' AND sender='$sender[1]'");
$sent = mysqli_query($con, "SELECT * FROM messages WHERE recipient='$sender[1]' AND sender='$username'");


echo "<table id=\"mesView-table\">";

$REC = array();
$SENT = array();

$ID = array();



for ($i = 0; $i < 25; $i++)
{


$rec = mysqli_fetch_array($recieved);
$sent = mysqli_fetch_array($sent);


    if ($rec['id'] > 0)
    {
    $REC[$i] = $rec['id'];
    }


    if ($sent['id'] > 0)
    {
    $SENT[$i] = $sent['id'];
    }



}

$ID = array_merge($SENT, $REC);
sort($ID);

    for ($x = 0; $x < count($ID); $x++) 
    {
    $key = $ID[$x]; 
    $result = mysqli_query($con, "SELECT * FROM messages WHERE id = '$key'");
    $res = mysqli_fetch_array($result);
        if (in_array($key, $REC))
        {

            echo "<tr><td class='mes_recieved'>";
            echo $res['message'];           
            echo "</tr></td>";
        }
        elseif (in_array($key, $SENT))
        {
            echo "<tr><td class='mes_sent'>";
            echo $res['message'];       
            echo "</tr></td>";              
        }


    }

echo "</table>";

Answer 1

在ajax请求中将async设置为false！这是第二个等待完成第一个然后启动的方式。此外，您可以捕获成功和出错的目的。

Answer 2

只需使用＆＃34;成功＆＃34;和＆＃34;错误＆＃34;回调。

您也可以使用"done" callback

但是，IMO，对于那种问题，我认为更好的选择是使用Websockets

编辑：以下是一些如何做到这一点的例子：

jQuery.ajax({
        type : "POST",
        data : {msg:"your message"}
        url : "http://fu.com/myfile.php",
        success: function(response){
            //Do something with your response
        }
}).done(secondCall());

function secondCall(){
    jQuery.ajax({
        type : "POST",
        data : {data:"data"}
        url : "http://fu.com/myfile.php",
        success: function(response){
            //Do something with your response
        }
    });
}

EDIT2：为了可见性，这是一个使用websockets的教程：http://www.sanwebe.com/2013/05/chat-using-websocket-php-socket

如何正确加载一个ajax请求

我也想知道这是不是一个好习惯。请：）

2 个答案: