Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Jquery将txt文件加载到div选项卡_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何使用Jquery将txt文件加载到div选项卡

Javascript 如何使用Jquery将txt文件加载到div选项卡,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想将txt文件加载到div选项卡内容中。在下面的代码中,我在选项卡内容中使用了一个段落。我希望显示文本文件的信息,而不是该段落。如何使用jquery实现这一点 <div class="create"> <ul class="nav nav-tabs" id="myTab" style="width: 22%"> <li class="active"><a href="#cpp">C++</a></li&g

我想将txt文件加载到
div选项卡内容中
。在下面的代码中,我在
选项卡内容中使用了一个段落。我希望显示文本文件的信息,而不是该段落。如何使用jquery实现这一点

<div class="create">
    <ul class="nav nav-tabs" id="myTab" style="width: 22%">
        <li class="active"><a href="#cpp">C++</a></li>
        <li><a href="#java">Java</a></li>
        <li><a href="#python">Python</a></li>
    </ul>
    <div class="tab-content">
        <div id="cpp" class="tab-pane fade in active">
            <h3>#Creating an array in C++</h3>
        </div>
        <div id="java" class="tab-pane fade">
            <h3>#Creating an array in Java</h3>
        </div>
        <div id="python" class="tab-pane fade">
            <h3>#Creating an array in Python</h3>
        </div>
    </div>
</div>
<!--#End of create div-->
<div class="insert">
    <ul class="nav nav-tabs" id="myTab2" style="width: 22%">
        <li class="active"><a href="#myTab2-cpp">C++</a></li>
        <li><a href="#myTab2-java">Java</a></li>
        <li><a href="#myTab2-python">Python</a></li>
    </ul>
    <div class="tab-content">
        <div id="myTab2-cpp" class="tab-pane fade in active">
            <h3>#Inserting an array in C++</h3>
        </div>
        <div id="myTab2-java" class="tab-pane fade">
            <h3>#Inserting an array in Java</h3>
        </div>
        <div id="myTab2-python" class="tab-pane fade">
            <h3>#Inserting an array in Python</h3>
        </div>
    </div>
</div>

在C++中创建数组 #在Java中创建数组 #在Python中创建数组
在C++中插入数组 #在Java中插入数组 #在Python中插入数组
非常简单:

$.get( "your.txt", function( data ) {
  $( ".yourDestinationDivClass" ).html( data );
});

使用Jquery
ajax
类似:

$.ajax({
    url : "helloworld.txt",
    dataType: "text",
    success : function (data) {
        $("#destination").html(data);
    }
});

首先需要添加jQuery
ajax
,然后需要在该ajax请求中添加一个
dataType
选项。请按照以下代码:

$.ajax({
    url : "helloworld.txt", // your txt file path
    dataType: "text",
    success : function (data) {
        $(".tab-content").html(data); // replace .tab-content if you want to put .txt file's data in other place.
    }
});
可能重复的