jQuery加载动态内容错误答案

【问题标题】：JQuery Loading dynamic content errorjQuery加载动态内容错误
【发布时间】：2016-12-15 16:43:05
【问题描述】：

我想在我的索引中动态加载部分页面。 load() 和 ajax 可以工作，但是当我在加载的代码中单击一个按钮时（即使完全为空且没有目的），页面完全重新加载！

这是什么原因造成的？我搜索了几个小时，但在互联网上什么也没说。我搜索错了吗？还是做错了什么？

我使用了这个代码：

  $(document).ready(function() {
            $('#example').click(function() {
                $("#dynamic").load("register.php #nicediv");
            }); 
    });

然后我使用了这段代码：

    $('#clickit2').click(function() {
                            $.ajax({
                               url: "register.php",
                               success: function(data){
                                     $( "#dynamic" ).html(data);
                               },
                            });
    });

同样的结果。请帮忙:(

编辑：我发现问题出在表格上。

如果 register.php 是这样的：

<form>
<button>push me</button>
</form>

然后如果我按下按钮它会重新加载。那么表单就不能动态加载了？

【问题讨论】：

你可以在chrome浏览器中运行你的程序，看看你是否在浏览器的控制台中发现任何错误。如果你有任何错误尝试修复它，如果你无法做到，请在此处添加并指出错误。
控制台没有发现错误...
您应该展示#dynamic 内容的示例。
@Andrea，同样检查网络标签，点击后会调用register.php，看看是否成功，如果成功了仍然无法显示数据，问题出在你的页面，post full page complete js and html/php
@Andrea：看看这里：css-tricks.com/use-button-element

标签： javascript jquery ajax dynamic load

【解决方案1】：

我发现问题出在表单中的“按钮”和“输入类型按钮”上。就是这样。

如果您尝试加载 html 文件，请确保按钮仅存在于表单之外，并且一切都会顺利进行（到目前为止）。

感谢大家的帮助，我希望这对未来的人有所帮助。

【讨论】：