如何将外部HTML文件加载到div中 [英] How to load an external html file into a div
本文介绍了如何将外部HTML文件加载到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屋!
查看全文