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

时间:2016-12-07 16:03:40

标签: php jquery html ajax

我有两页, 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);

1 个答案:

答案 0 :(得分:0)

在index.php中添加以下行:

<?php include_once 'block1.php' ?> 

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

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

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