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

Question

当涉及到Javascript时，我不知道我在做什么，只是尝试和错误方法。 到目前为止，我一直在尝试着对AJAX和Javascript进行研究，因此请指出正确的方向。 基本上，我需要用PHP =>数据库生成的数据每隔5s刷新一次DIV，在页面的首次加载时，一切都很好，因为它直接从PHP获取数据，但是当Javascript启动inn时，我得到的只是[object XMLHttpRequest] in DIV内容的位置；

的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">

然后是DIV

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

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>

提前致谢

Answer 1

更改

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

至

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

该if语句等待服务器成功返回响应，然后执行。 在您的情况下，它等待HTML接收，然后将其插入div。

您尝试做的事情是错误的，原因有两个：

您不是要插入响应文本，而是要插入响应对象。 因此，结果很奇怪。
您不是在等待服务器返回响应。 似乎是因为您将代码放在底部，所以它已经收到了服务器的响应，但实际上由于请求是异步的并且涉及另一个脚本，因此您将尝试在收到响应之前进行插入。

如何通过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