php - 如何使用 ajax onclick 更改网页的多个部分？

Question

在我的网站上，我将有一个“浏览目录”按钮，单击该按钮将更改页面的几个元素以显示目录元素。我不想重新加载整个页面，因为导航栏和新闻提要等几个元素将保持不变。

我的问题是如何使用 ajax onclick 更改多个不同的 div？

基本上我不确定如何将几个不同的组件放置在一个页面的不同 div 中。

而且我知道同时进行的 ajax 调用是有限制的，所以我确定正确的方法不是为我的每个 div 进行唯一的 ajax 调用。

一点指导会很好。

Answer 1

使用 jQuery，您可以获得每个需要更新的 block 的 json 元素数组:

在您的 html 页面中:

$.get("page.php?id=42",
   function(result){
     $('#title').text(result['title']);
     $('#description').text(result['description']);
     $('#price').text(result['price']);
   }, "json");

在 page.php 中:

$result = array('title' => 'foo', 'description' => 'bar', 'price' => 3);
echo json_encode($result);
header('Content-Type: application/json');
die();