根据来自另一个div的点击将信息加载到div

时间:2013-10-01 15:07:58

标签: php ajax

这可能非常简单。当信息传递到不同的页面时,我做了类似的事情。 基本上......我有一个带有动态生成的对象列表的div。

<li><a href="#" id="<?= trim($array['City']) ?>" onclick="loadZipCodes('<?= (trim($array['City'])) ?>')"><?= $array['City'] ?></a></li>

所有代码都已存在以加载给定城市的邮政编码,所以在PHP中(在这种情况下)

$locations = new ProjectsLocationsArrays();
$zipcodes = $locations->array_zips($array['City']);

目前,一切都是查询字符串的运行...?city = aaa&amp; zip = 123,对我来说似乎很草率。我想用AJAX。加载城市后,如何将拉链加载到页面上的现有div中,点击其中一个城市锚点即可触发。

TIA

1 个答案:

答案 0 :(得分:1)

如果你有jQuery这样的东西应该工作

function loadZipCodes(city){
    $.ajax({
      url: "pagethatgivesarrayofzipcodes.php",
      method: "POST",
      data : {'city': city}
    }).done(function(data) {
      $(.zip-div).html(data);
    });
}

其中pagethatgivesarrayofzipcodes.php采用包含城市信息的$ _POST ['city']并返回HTML或Javascript数组的邮政编码。