无法使AJAX脚本正常工作

Question

I have a table which has a list of transactions and am trying to do update the table contents at set intervals. 我有一个包含事务列表的表，正在尝试按设置的时间间隔更新表内容。 I am running this page on a linux red hat server. 我正在linux red hat服务器上运行此页面。 It is just the AJAX that is not working right now. 只是AJAX目前无法正常工作。

<!doctype html>
<html>

    <head>
        <script>
            function updateTrans() {
                var xmlhttp;

                if (window.XMLHttpRequest) {
                    xmlhttp = new XMLHttpRequest();
                } else {
                    xmlhttp = new ActiveXObject("Microsoft.HTTP");
                }

                xmlhttp.onreadystatechange = function () {

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

                }

                xmlhttp.open("GET", "update_trans.txt", true);
                xmlhttp.send();
            }

            window.setInterval(updateTrans(), 4000);
        </script>
        <link href="trans_styles.css" rel="stylesheet" type="text/css">
    </head>

    <body>
         <h1 id="heading"> Chomp The Bit </h1>

        <div id="transactions">
            <table id="trans_tbl" border="0">
                <tr>
                    <th colspan="2">Latest Transactions</th>
                </tr>
                <tr>
                    <td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
                    <td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
                </tr>
                <tr>
                    <td>bbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td>
                    <td>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td>
                </tr>
                <tr>
                    <td>ccccccccccccccccccccccccccccc</td>
                    <td>cccccccccccccccccccccccccccccc</td>
                </tr>
                <tr>
                    <td>ddddddddddddddddddddddddddddd</td>
                    <td>dddddddddddddddddddddddddddddd</td>
                </tr>
                <tr>
                    <td>eeeeeeeeeeeeeeeeeeeeeeeeeeeee</td>
                    <td>eeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</td>
                </tr>
                <tr>
                    <td>fffffffffffffffffffffffffffff</td>
                    <td>ffffffffffffffffffffffffffffffff</td>
                </tr>
                <tr>
                    <td>ggggggggggggggggggggggggggggg</td>
                    <td>gggggggggggggggggggggggggggggggg</td>
                </tr>
                <tr>
                    <td>hhhhhhhhhhhhhhhhhhhhhhhhhhhhh</td>
                    <td>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</td>
                </tr>
                <tr>
                    <td>iiiiiiiiiiiiiiiiiiiiiiiiiiiiii</td>
                    <td>iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</td>
                </tr>
                <tr>
                    <td>jjjjjjjjjjjjjjjjjjjjjjjjjjjjjj</td>
                    <td>jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj</td>
                </tr>
            </table>
        </div>
    </body>

</html>

Answer 1

Make sure to have, update_trans.txt file in the same directory, and it is not empty. 确保在同一目录中具有update_trans.txt文件，并且该文件不为空。

        <head>
            <script>
                function updateTrans() {
                    var xmlhttp;

                    if (window.XMLHttpRequest) {
                        xmlhttp = new XMLHttpRequest();
                    } else {
                        xmlhttp = new ActiveXObject("Microsoft.HTTP");
                    }

                    xmlhttp.onreadystatechange = function () {

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

                    }

                    xmlhttp.open("GET", "update_trans.txt", true);
                    xmlhttp.send();
                }

                window.setInterval(updateTrans(), 4000);
            </script>
            <link href="trans_styles.css" rel="stylesheet" type="text/css">
        </head>

        <body>
             <h1 id="heading"> Chomp The Bit </h1>

            <div id="transactions">

             </div>
        </body>

    </html>

Answer 2

I'm not sure whether this will fix the issue, but you should do window.setInterval(updateTrans, 4000) rather than window.setInterval(updateTrans(), 4000) . 我不确定这是否可以解决问题，但您应该执行window.setInterval(updateTrans, 4000)而不是window.setInterval(updateTrans(), 4000) 。 That is, you should pass a reference to the function as the first argument to setInterval , rather than the return value of calling the function, which is what you're doing in your current code. 也就是说，您应该将对函数的引用作为setInterval的第一个参数传递，而不是调用函数的返回值，这是您在当前代码中所做的事情。 In your current code, updateTrans will get called one time -- when you call it yourself -- but won't get called every 4000ms, as you seem to intend. 在您当前的代码中， updateTrans将被调用一次（当您自己调用时），但是不会像预期的那样每4000毫秒调用一次。

I'd also recommend that you use setTimeout instead of setInterval -- I wrote a post about this . 我还建议您使用setTimeout而不是setInterval我写了一篇关于此的文章。

无法使AJAX脚本正常工作

问题描述

2 个解决方案

解决方案1
0

解决方案2
0 2013-05-18 23:31:55

无法使AJAX脚本正常工作

问题描述

2 个解决方案

解决方案1 0

解决方案2 0 2013-05-18 23:31:55

解决方案1
0

解决方案2
0 2013-05-18 23:31:55