如何通过refreshDiv从PHP正确处理JavaScript中的对象XMLHttpRequest

Question

When it comes to Javascript i have no idea what I am doing just try and error method. 当涉及到Javascript时，我不知道我在做什么，只是尝试和错误方法。 Been trying to do my research on AJAX and Javascript with no luck so far so please point me in the right direction. 到目前为止，我一直在尝试着对AJAX和Javascript进行研究，因此请指出正确的方向。 Basically I need to refresh a DIV every lets say 5s with data generated from PHP => Database, ON first load of the page everything is fine as it gets data directly from PHP but when Javascript kicks inn all i get is [object XMLHttpRequest] in place of DIV content; 基本上，我需要用PHP =>数据库生成的数据每隔5s刷新一次DIV，在页面的首次加载时，一切都很好，因为它直接从PHP获取数据，但是当Javascript启动inn时，我得到的只是[object XMLHttpRequest] in DIV内容的位置；

HTML 的HTML

<script type="text/javascript"></script>
<script>
    window.setInterval("refreshDiv()", 5000);  
    function refreshDiv(){ 
        var request = new XMLHttpRequest();
        request.onreadystatechange = function() {
            if (request.readyState == 4 && request.status == 200) {
                console.log(request.responseText);
            }
        }
        request.open('GET', 'http://www.mysite.com/getuserinfo.php', true);
        request.send();
        document.getElementById("usinfo").innerHTML=request;  
    }
</script>
</head>
<body>
<div id="page">

and then the DIV 然后是DIV

<div id="usinfo" class="wrap">
    <?php include("getuserinfo.php"); ?>
</div>

And the PHP goes like this : PHP如下所示：

require_once('../mysqli_connect.php');
$userid = 1000042;
$us_credit = 0 ;
$us_prof_view = 0 ;
$us_new_msg = 0 ;

//Get $us_credit , $us_prof_view , $us_new_msg
$q="SELECT ac_ballance, prof_views, COUNT (msg_id) AS messages FROM user_details INNER JOIN com_msg ON us_name = msg_to WHERE user_id =".$userid." AND msg_new =1";
$r = mysqli_query($dbc,$q);
if(mysqli_num_rows($r)== 1) {
    $us_data = mysqli_fetch_array($r,MYSQLI_ASSOC);
    $us_credit = $us_data['ac_ballance'];
    $us_prof_view = $us_data['prof_views'];
    $us_new_msg = $us_data['messages'];
}
mysqli_free_result($r); #not needed
?>

<p class="whtxt">Your Credits :&nbsp;
    <?php echo $us_credit ; ?>
    &nbsp;Profile views :&nbsp;
    <?php echo $us_prof_view ; ?>
    &nbsp;
    <a class="whtxt" href="http://www.mysite.com/inbox">New Messages   :&nbsp;
        <?php echo $us_new_msg ; ?>
    </a>&nbsp;
</p>

Thanks in advance 提前致谢

Answer 1

Change 更改

if (request.readyState == 4 && request.status == 200) {
     console.log(request.responseText);
}

to 至

if (request.readyState == 4 && request.status == 200) {
    document.getElementById("usinfo").innerHTML=request.responseText; 
}

This if statement waits for a successful response back from the server and then executes. 该if语句等待服务器成功返回响应，然后执行。 In your case, it waits for the HTML to be received then inserts it into the div. 在您的情况下，它等待HTML接收，然后将其插入div。

What you are trying to do is wrong for two reasons: 您尝试做的事情是错误的，原因有两个：

You're not inserting the response text, you're trying to insert the response object. 您不是要插入响应文本，而是要插入响应对象。 Hence the weird result. 因此，结果很奇怪。
You're not waiting for the response to come back from the server. 您不是在等待服务器返回响应。 It may seem that because you put the code at the bottom it will have already received the server's response but in actuality because the request is asynchronous and involves another script, you will be trying to insert before you have ever received a response. 似乎是因为您将代码放在底部，所以它已经收到了服务器的响应，但实际上由于请求是异步的并且涉及另一个脚本，因此您将尝试在收到响应之前进行插入。

如何通过refreshDiv从PHP正确处理JavaScript中的对象XMLHttpRequest

问题描述

1 个解决方案

解决方案1
0 已采纳 2014-02-07 17:48:23

如何通过refreshDiv从PHP正确处理JavaScript中的对象XMLHttpRequest

问题描述

1 个解决方案

解决方案1 0 已采纳 2014-02-07 17:48:23

解决方案1
0 已采纳 2014-02-07 17:48:23