为什么头部被复制到body上

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

 <table id="myTable">

整个脑袋重复了一遍。

<title>IndoorLoc App</title>

该标题标签是表标签之后出现的第一个标签，我不明白发生了什么，接下来是包括 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>

您获得的响应并直接插入表标签中，那是什么样的数据，如果是表体标记，那么它将起作用，否则它只会添加字符串或响应您得到的任何内容。

相关内容

最新更新

热门标签：