Jquery ajax()方法为什么没有得到javascript文本

时间:2017-11-02 14:18:06

标签: javascript jquery

我有2页。一个是index.php,另一个是index2.php。我在index.php中有一些文本,它由append()jquery方法放置。在我的index2.php中有空,但我在index2.php中包含了ck.js,我在其中调用了ajax()方法来获取由append()方法创建的index.php文本。

通过ajax()方法我得到了index.php中的所有数据,没有我想要的。

index.php代码>

<body>
  <div class="container-fluid">
    <div class="row">
      <h3>this is heading</h3>
      <div class="mini">
        <ul>
        </ul>
      </div>
    </div>
  </div>
  <script src="js/jquery-3.2.1.min.js"></script>
  <script src="js/my_script.js"></script>
</body>

my_script.js代码&gt;

(function($) {
  $(function() {
    $(".mini ul").append("<li>Bangladesh</li><li>Chittangong</li>");
  });
}(jQuery));

结果是&gt;

这是标题

孟加拉国 Chittangong

现在,index2.php代码&gt;

<body>
  <script src="js/jquery-3.2.1.min.js"></script>
  <script src="js/ck.js"></script>
</body>

ck.js code&gt;

(function($) {
  $(function() {
    $.ajax({
      type: "GET",
      url: "index.php",
      beforeSend: function() {},
      success: function(html) {
        var xyz = $(html).find(".mini").html();
        console.log(xyz);
      }
    });
  });
}(jQuery));

结果&gt; enter image description here

我有2个问题,为什么li标记 数据没有来,我怎么能得到这些? 谢谢大家,对不起我的英语不好。

1 个答案:

答案 0 :(得分:0)

使用ajax获取的代码不会自动解释。 您必须将收到的HTML附加到您的文档中,然后拨打您已添加的功能。

最好的做法是使用php的include指令连接页面 http://php.net/manual/en/function.include.php

你也可以用ajax获取javascript文件,然后执行它的一个功能。

$.getScript("js/ck.js");