我尝试使用 jQuery ajax 将 html 页面加载到 div [关闭]答案

【问题标题】：i tried loading html page to div using jQuery ajax [closed]我尝试使用 jQuery ajax 将 html 页面加载到 div [关闭]
【发布时间】：2020-04-12 22:21:31
【问题描述】：

尝试使用 jQuery ajax 将 html 页面加载到 div 我很确定这是正确的，但我不知道为什么它不工作。这是我的代码：

 <div class="second">

</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
  $(function(){
    $("button").on("click",function(){
    $('#second').load($(this).data("page"));
  });
  });
  </script>

【问题讨论】：

jQuery Learning Center
欢迎来到 Stack Overflow。该问题与您的选择器有关。您使用的是 ID 选择器而不是类选择器。

标签： javascript jquery html ajax

【解决方案1】：

考虑下面的代码。

$(function() {
  $("button").click(function() {
    $(".second").load($(this).data("page"));
  });
});

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<button data-page="page-2.html">Get Page 2</button>

<div class="second"></div>

这将正常工作，因为它使用类选择器来定位正确的<div> 元素。

【讨论】：

【解决方案2】：

变化：

$('#second')

收件人：

$('.second')

因为 second 是一个类，而不是一个 id。

【讨论】：