php - 根据来自另一个 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']);

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

TIA

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