javascript - 通过history.pushState改变内容

Question

我制作了一个模板，我想使用 jQuery .load() 函数加载它。测试时我发现它不会加载任何内容。

这是我的加载代码:

    function open() {

            history.pushState(null, null, "artiesten.php?u=user2");

            $('.content').load('artiest_template.php .content');

        }

这是我的模板代码:

<?php include('includes/connect.php') ?>
    <span class="content">

    <div class="right_col" role="main">

    <div class="">
     <script>alert("nothing")</script>
      <?php 
      echo '<script>alert("' . $_GET['u'] . ' or nothing")</script>';
if($_GET['u']){
$t = mysqli_real_escape_string($connect,$_GET['u']);
$res = mysqli_query($connect, "SELECT * FROM artiesten WHERE Naam='" . $t . "'");
$i = mysqli_fetch_assoc($res);
echo '
    <script src="vendors/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
       $(".a-titel").html("' . $i['Titel'] . '");
       $(".a-naam").html("' . $i['Naam'] . '");
       $(".a-over").html("' . $i['Over'] . '");
       $(".a-kernmerk").html("' . $i['Kernmerk'] . '");
       $(".a-email").html("' . $i['Email'] . '");
       $(".a-foto").attr("src", "images/' . $i['Naam'] . '.jpg");
       history.pushState(null, null, "?u=' . $i['Naam'] . '");
    });
    </script>';
}
?>  



    </div>

    </div>

    </span>

有人可以帮我解决这个问题吗？提前致谢。

Answer 1

应该是

 function open() {

        history.pushState(null, null, "artiesten.php?u=Chato De Veirman");

        $('.content').load('artiest_template.php');

    }

不是

  function open() {

        history.pushState(null, null, "artiesten.php?u=Chato De Veirman");

        $('.content').load('artiest_template.php .content');

    }