Question

当我在服务器中使用此HTML模板时，头部被复制到主体上。我进来

 <table id="myTable">

整个头部重复

<title>IndoorLoc App</title>

title标记是出现在table标记之后的第一个标记，我不知道这是什么发生的，然后是所有head标记，包括js脚本。

<!DOCTYPE>
<html>
    <head>
        <title>IndoorLoc App</title>
        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
        <script type="text/javascript">
        function ajax(){
            var req = new XMLHttpRequest();
            req.onreadystatechange = function(){
                if (req.readyState == 4 && req.status == 200) {
                    document.getElementById('myTable').innerHTML = req.responseText;
                }
            }
            req.open('GET', 'http://localhost:8080/data', true);
            req.send();
        }
        setInterval(function(){ajax();}, 1000);
        </script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
        <header id="head">
            <h1>IndoorLoc</h1>
        </header>
        <table id="myTable">
            <tr>
                <td>MAC address</td>
                <td>RSSI</td>
            </tr>
            %for row in rows1:
            <tr>
                <td>{{ row[1] }}</td>
                <td>{{ row[2] }}</td>
            </tr>
            %end
            <tr>
                <td>MAC address</td>
                <td>RSSI</td>
            </tr>
            %for row in rows2:
            <tr>
                <td>{{ row[1] }}</td>
                <td>{{ row[2] }}</td>
            </tr>
            %end
        </table>
    </body>
</html>

Answer 1

您正在获取的响应并直接插入到表格标签中，这是什么样的数据，如果它是表主体标记，那么它将起作用，否则它将添加字符串或响应，无论您得到什么。

为什么头部被复制到身体上？

1 个答案: