使用jquery ajax将数据从页面加载到另一个页面

Question

我有两个页面， index.php和block1.php我想将block1.php中的数据加载到index.php中的div #details

这是我的代码

的index.php

<div id="pop_box">
  <div class="close"><span id="close">&times;</span></div>
  <div id="block"></div>
  <div id="details"></div>
</div>

block1.php

<script>
$(document).ready(function() {
  var lnk;
  $('[href]').click(function() {
    lnk = '';
    lnk = $(this).attr('href');
    if (lnk.charAt(1) == "b") {
      var lot = lnk;
      $.ajax({
        url: "2dmap_func.php",
        method: "POST",
        dataType: "text",
        data: {
          lot: lot
        },
        success: function(data) {
          //alert(data);
          $('index.php #pop_box #details').load(data);
        }
      });
    }
  });
});
</script>

正如您所看到的，我想将block1.php中的数据加载到index.php的div＃详细信息，此代码不起作用。

 $('index.php #pop_box #details').load(data);

Answer 1

在你index.php中添加以下行：

<?php include_once 'block1.php' ?> 

在你的block1.php中更改以下行：

$('index.php #pop_box #details').load(data);

至

$('#details').html(data); // if data is valid html