Question

我正在学习如何将外部html文件包含到当前的html中，我编写了这样的简单代码

<html>
<head runat="server">
    <title>Untitled Page</title>
    <script type ="text/javascript"   src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script type="text/javascript" > 
       $(document).ready(function(){
        {
            $("div").load("test.html") ;
        }
       });

   </script>
</head>
<body>
    <form id="form1" runat="server">
       <div id = "div1" >
       </div>
    </form>
</body>
</html>

test.html内容

<h1>done!</h1>

输出

完成！

完成！

完成！

当我替换

  $("div").load("test.html") ;

带

$("#div1").load("test.html") ;

或

$("form").load("test.html");

输出

完成！

我真的很想知道它是如何运作的

Answer 1

使用ASP.net时，还有服务器端代码创建的其他div。您需要尝试<div class="panel-zesteve-textarea"> <form method="post" id="'.$row['id'].'" class="comment_p"> <input id="post_id" type="hidden" name="post_id" value="'.$row['id'].'"> <textarea id="comment_disc" name="comment_disc" rows="2" cols="48"></textarea> <button id="com_submit" type="submit" class="btn btnbg">Post comment</button> <button type="reset" class="[ btn btn-default ]">Cancel</button> </form>的{{1}}来确切地检查您的网页在呈现后有多少div。

使用时 inspect element您将只获得一个输出，因为您的asp.net页面中只有一个表单（默认情况下是这样）

当你使用时 F12您只有一个带有该ID的元素，因此只会使用您的ajax调用结果填充div。

希望这有帮助

身体和形式被视为div？

1 个答案: