javascript - jquery自动刷新页面

标签 javascript jquery html

我正在尝试使用 jquery 将文件的内容加载到一个分区中。加载内容后页面自动刷新。

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#btn1").click(function(){
                    $("#div1").load("file.txt");
                });
            });
        </script>
    </head>
    <body>
        <form name='form1'>

            <input id="btn1" type="submit">
        </form>
        <div id="div1"></div>
    </body>
</html>

因此,id 为 div1 的分区中的内容永远不会显示。我放置断点来检查文件是否加载。它加载成功。由于页面自动刷新,内容永远不会显示。

帮我解决一下

最佳答案

阻止提交按钮的默认操作。

$("#btn1").click(function(e){
    e.preventDefault();
    $("#div1").load("file.txt");
});

关于javascript - jquery自动刷新页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33484624/

相关文章:

javascript - jQuery 返回的对象的实际类型是什么

javascript - componentDidMount()不会被调用,而只会在特定情况下被调用

javascript - 如何在 OBJLoader 加载的对象上应用纹理?

javascript - keyup 是我应该使用的吗?

javascript - 子级不触发父级函数

javascript - JQuery持续淡入淡出

html - 将绝对定位元素放置在相对定位元素后面

javascript - 此代码在片段中有效,但在博客中无效

JavaScript 对象仅在页面刷新时显示

javascript - 在某些情况下,我发现 (NaN==NaN) 是错误的。它是怎么发生的?