Javascript jquery自动刷新页面_Javascript_Jquery_Html

Javascript jquery自动刷新页面

javascript jquery html

Javascript jquery自动刷新页面,javascript,jquery,html,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).re

我正在尝试使用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>


$（文档）.ready（函数（）{
$（“#btn1”）。单击（函数（）{
$（“#div1”）.load（“file.txt”）；
});
});

因此，id为

div1

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

请帮助我修复它，因为表单中有一个按钮

添加一个

e.preventDefault（）你应该没事
$("#btn1").click(function(e){
      $("#div1").load("file.txt");
      e.preventDefault();
});

另一种方法是更改html并将输入作为
type=“button”
而不是type=“submit”

按钮中的submit按钮将在单击时触发submit，这将导致页面重新加载
，这是因为表单中有一个按钮
添加一个e.preventDefault（）你应该没事
$("#btn1").click(function(e){
      $("#div1").load("file.txt");
      e.preventDefault();
});

另一种方法是更改html并将输入作为
type=“button”
而不是type=“submit”

按钮内的submit按钮在单击时将触发submit，这将导致页面重新加载
阻止submit按钮的默认操作
$("#btn1").click(function(e){
    e.preventDefault();
    $("#div1").load("file.txt");
});

阻止“提交”按钮的默认操作
$("#btn1").click(function(e){
    e.preventDefault();
    $("#div1").load("file.txt");
});

这是因为您将按钮放在表单
中，而没有操作
属性，该属性随后默认为页面本身。因此，基本上是加载文件的内容，然后将表单发布到自身，这会导致刷新
你为什么需要一张表格？将按钮更改为单击此处加载
，并将其放置在表单外部。或将功能更改为：
$(document).ready(function(){
    $("#btn1").click(function(e){ // e is the event object
        e.preventDefault(); // this prevents the form from posting.
        $("#div1").load("file.txt");
    });
});

这是因为您将按钮放在表单
中，而没有操作
属性，该属性随后默认为页面本身。因此，基本上是加载文件的内容，然后将表单发布到自身，这会导致刷新
你为什么需要一张表格？将按钮更改为单击此处加载
，并将其放置在表单外部。或将功能更改为：
$(document).ready(function(){
    $("#btn1").click(function(e){ // e is the event object
        e.preventDefault(); // this prevents the form from posting.
        $("#div1").load("file.txt");
    });
});

我会选择type='button'
。简单！我会选择type='button'
。简单！这不起作用，你忘记了函数内的e参数$（“#btn1”）。单击（函数（e）{
，这不起作用，你忘记了函数内的e参数$（“#btn1”）。单击（函数（e）{
@AbhijithPHaridas。很高兴能帮上忙。@AbhijithPHaridas。很高兴能帮上忙。