Javascript 在不刷新整个页面的情况下重新加载div标记

我想在不刷新整个页面的情况下重新加载div标签。我知道这个问题已经有人问过了，但我想弄清楚

<p>click HERE</p>
<div class="sample">
  <?php
      function randomPassword() {
$alphabet = "abcdefghijklmnopqrstuwxyzABCDEFGHIJKLMNOPQRSTUWXYZ0123456789";
$pass = array(); //remember to declare $pass as an array
$alphaLength = strlen($alphabet) - 1; //put the length -1 in cache
for ($i = 0; $i < 8; $i++) {
    $n = rand(0, $alphaLength);
    $pass[] = $alphabet[$n];
      }
    return implode($pass); //turn the array into a string
    }


$pwd=randomPassword();
  ?>
</div>

jquery代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(p).click(function() {
$(div).reload();
});
</script>

---

此方法是从服务器获取数据的最简单方法。这意味着此方法的大多数用途可能非常简单：

 $( "#result" ).load( "ajax/test.html" );

 $( "#a" ).load( "article.html" );

您可以使用此加载方法

像

---

看看jquery.load，您也可以使用ajax来实现这个注意：您的示例选择器无效。它应该是$py。你还需要解释他们应该如何将代码作为单独的页面来实现。我现在添加了一个更新的代码，我认为这会更清楚。如果你打算更改它，您应该更改它以反映OP给出的示例，例如$'p'。单击并$'.sample'。加载：是，我已更改为$'.sample'。仍然加载problem@vani查看此演示

  $("selector").click(function () {
  $("#div").load('YourUrl');
   });