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

Question

这可能非常简单。当信息被传递到不同的页面时，我已经做了类似的事情。基本上。。。我有一个带有动态生成的对象列表的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']);

目前，一切都在查询字符串上运行... ？城市=aaa&zip=123，对我来说似乎很草率。我想使用 AJAX。加载城市后，如何将 zip 加载到页面上的现有div 中，通过单击其中一个城市锚点触发。

蒂亚

Answer 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 数组。