Question

    <script>
        $(document).ready(function () {
            setInterval(function () {
                $("#result").load(window.location.href + " #result");
            }, 5000);
        });
    </script>

这是我的脚本代码

    <div class="container mb-3">
        <div class="jumbotron">
            <div id="result">
                <% for (var i = info.length - 1; i < info.length; i++){
                var curTemp = info[i].temp;
                var curGas = info[i].gas; %>
                <h2>temp : <%= curTemp %>C</h2>
                <h2>gas : <%= curGas %>ppm</h2>
                <% } %>
            </div>
        </div>
    </div>

什么问题？我想重新加载该温度和气体值。但这不起作用如何刷新该div？

Answer 1

您要将整个请求嵌入到结果div中，而是可以尝试从ajax请求中获取所需的JSON输出并更改HTML上的值，这样它就不会在服务器上加载页面或创建新的页面请求

<script>
        $(document).ready(function () {
            setInterval(function () {
               //get data from ajax request which returns json and output in result div

                $("#result").load(window.location.href + " #result");
            }, 5000);
        });
    </script>

如何刷新div而无需重新加载页面？

1 个答案: