Question

我正在制作聊天应用程序。在聊天应用程序中，有＆＃34;发送＆＃34;按钮，点击调用此javascript函数。

    function sendmessage()
{
    var message = document.getElementById('messageBox');
    var currentuser = document.getElementById('username').value;

    if(trim(message.value) != '' && trim(currentuser) != '')
    {
        params = "mode=SendAndRetrieveNew"+
                 "&name="+encodeURIComponent(currentuser)+
                 "&message="+encodeURIComponent(message.value);
        message.value="";

        xmlHttpGetMessages.open("POST",chaturl,true);
        xmlHttpGetMessages.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        xmlHttpGetMessages.onreadystatechange = sendmessages();
        xmlHttpGetMessages.send(params);
    }
}

此处变量xmlHttpGetMessages是XMLHttpRequest的对象。 chaturl变量包含php文件的名称。以下代码片段在该php文件中运行。

    if($mode == 'SendAndRetrieveNew')
{
    $name = $_POST['name'];
    $message = $_POST['message'];
    //$id = $_POST['id'];

    if($name != '' && $message != '')
    {
        $chat->postMessages($name,$message);
    }
}

postMessages($name,$message);如下：

public function postMessages($name, $message)
    {
        $name = $this->Mysqli->real_escape_string($name);
        $message = $this->Mysqli->real_escape_string($message);

        $query = 'INSERT INTO chat(posted_on, user_name, message) VALUES ( NOW(), " ' . $name . ' " , " '. $message .' " )';

        $result = $this->Mysqli->query($query);
    }

sendmessages()功能如下：

    function sendmessages()
{
    if(xmlHttpGetMessages.readyState == 4)
    {
        if(xmlHttpGetMessages.status = 200 || xmlHttpGetMessages.status == 304)
            alert("Send the message.Check database");
        else
            alert("In else of inner IF");
    }
    else
        alert("In else of outer IF "+xmlHttpGetMessages.readyState);
}

readyState值仅从0更改为1，因为从上一个alert();可以看出这一点。如何使其价值变为4。

在阅读完第一个答案后，我将xmlHttpGetMessages.onreadystatechange = sendmessages();更改为xmlHttpGetMessages.onreadystatechange = sendmessages并且有效。但最初执行alert()的最后一个sendmessages()，它显示readyState的值从2,3变化，最后执行内部if。如何调用函数3次？我知道评论中有答案，但我不明白。请帮忙。我是阿贾克斯的新手。

Answer 1

这是不正确的：

    xmlHttpGetMessages.onreadystatechange = sendmessages();
                                                        ^^

()表示Javascript正在执行您的sendmessages功能。该函数不返回任何内容，因此基本上您将onreadystatechange回调设置为null。

应该只是

    xmlHttpGetMessages.onreadystatechange = sendmessages;
                                                        ^---note this

指定FUNCTION ITSELF，而非其结果。

readyState未更改为4

1 个答案: