jquery - 如果 DIV 加载带有重定向按钮的子页面，如何更新部分页面（DIV）？

Question

我很困惑我可以将子页面嵌入到父页面的 DIV 中，但我不能限制子页面在此类 DIV 中的任何操作。如果我按下属于子页面的按钮，它会将整个页面刷新到新页面。不部分更新。

我的HTML如下：

父页面：

        < div id="container" >
        < /div>

        <script>
         $("#container").load("/child-page/");
        </script>

子页面：

        < input type="button" name="Create" 
          value="Create" 
          onclick="$("#container").load("/child-page/")" />

如何只更新父页面的 DIV 而不刷新整个页面？

最好的问候，乔希

Answer 1

<div id="container"></div>
<input type="button" name="flavor_create_btn" value="Create Flavor" />
<script>
$(document).ready(function(){
   $('input[name="flavor_create_btn"]').on('click', function(){
      $("#container").load("/child-page/");
   });
});
</script>

Answer 2

您的parent-page.html页面应该是：

<script type="text/javascript" language="javascript">
$(document).ready(function(){
    $("#container").load("./child-page.html");
});
</script>

<marquee>Parent Page!</marquee>
<div id="container"></div>

你child-page.html应该是：

<input type="button" name="Create" value="Create" onclick="$('#container').load('./child-page.html')" />

您也可以使用\"而不是'. 所以onclick="$("#container").load("/child-page/")"是不正确的！。

我用marquee标签告诉你整个父页面没有刷新。