如何使用jquery ajax在指定的div标签中加载.html文件

Question

我正在尝试在其他html文件中加载.html文件 ManageAccount页面应该在id为main的div中加载，当点击manage acount时， 但它再次在div中加载整个页面。 结果是fethching新html页面的所有html页面 任何人都可以建议我。

<script type="text/javascript">
    $(document).ready(function(){
      var btn;
      $('button[type="button"]').click(function() { 
        btn = this.id;
        alert(btn);
        $.ajax({
          url: btn.html,
          type: 'GET',
          //async:'false';
          dataType: 'html',
          success: function(result){
            $("#main").html(result);
            alert(result);
          }
       });

      });
    });
</script>

                                             
                        管理帐户                         轮廓                         应用                         状态                         询问                                       

Answer 1

您必须至少在引号中包含文件url: btn + '.html'的扩展名。

此外，您可以直接使用jQuery .load()方法：

$('#main').load(btn + '.html');

Answer 2

尝试使用jQuery.load()

 $('button').on("click", function() { 
       $("#main").load("btn.html"); 
 });