如何将外部HTML文件加载到div中 [英] How to load an external html file into a div

问题描述

我想在单击按钮时将html文件加载到div中.当我单击创建"按钮时，应将"createarray.html"文件加载到div tabcontent中.

I want to load a html file into the div on a button click. When i click on create button it should load 'createarray.html' file into div tabcontent.

这是我的html文件:

This is my html file:

<div class="tab">
<button class="tablinks" onclick="createarray.html" id= "defaultOpen">Creation</button>
<button class="tablinks" onclick="insertarray.html">Insertion</button>
<button class="tablinks" onclick="deletearray.html">Deletion</button>  
</div>
<div id="Create" class="tabcontent">
</div>
<div id="Insert" class="tabcontent">
</div>
<div id="delete" class="tabcontent">
</div>

这是我的Java脚本:

This is my java script:

$.ajax({
url : "createarray.html",
dataType: "html",
success : function (data) {
    $("#create").html(data);
}
});
$.ajax({
url : "insertarray.html",
dataType: "html",
success : function (data) {
    $("#insert").html(data);
}
});
$.ajax({
url : "deletearray.html",
dataType: "html",
success : function (data) {
    $("#delete").html(data);
}
});

有人可以帮我这个忙吗?

Can someone please help me with this please?

推荐答案

$(document).ready(function(){    
  $("#idOfWhereYouClick").click(function(){
  $("#idOfDivWhereYouWantToLoad").load("yourPage.html");
});

这篇关于如何将外部HTML文件加载到div中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！