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

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

本文关键字：HTML 循环 另一个 jquery ajax js 文件 一个      更新时间：2023-09-26

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

  • 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>

html 2:

<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应该看起来像，以及如何使用js在一个div?谢谢:)试图寻找解决方案，但没有找到，抱歉打扰了

p。我没有把我的something.js发给你，因为它是空的，我真的不知道怎么开始。

Try This - 

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