繁体   English   中英

从一个html文件到另一个在循环html / jquery / js / ajax

[英]from one html file to another in loop html/jquery/js/ajax

也许很容易,但是我真的是前端的初学者。 现在我有:

  • 1个主要的html文件(index.html)
  • 1个javascript文件(something.js)
  • 第二个html文件(something.html)

主要html:

<!DOCTYPE html>
<html lang="en">
<head>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/something.js"></script>
</head>
<body>
<div class="container-fluid well-lg">
    <div id="targetInformation">

    </div>
</div>
</body>
<html>

第2个html:

<div class=" col-md-4 col-sm-6 col-xs-12">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">
                Some title
            </h3>
        </div>
        <div class="panel-body">
            <p>info1</p>
            <p>info2</p>
            <p>info3</p>
        </div>
    </div>
</div>

我想:在js / jquery / ajax中创建一个循环,以将第二个html内的内容加载6倍到第一个html。 我知道的一件事是,我需要使用$ .get()。 有什么想法我的js应该是什么样子,以及如何在div中使用js? 谢谢:)试图找到一个解决方案,但没有找到,很抱歉打扰

PS。 我没有发送给我我的something.js,因为它是空的,真的不知道如何开始。

尝试这个 -

$(function () {
            $.get("something.html", function (data) {
              for(let i =0; i<6; i++)
                 {
                    $("#targetInformation").append(data);
                 }

            });
        });

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM