Javascript 多个Ajax调用？

如何使用Ajax更新页面中的多个部分

我有两个div和两个PHP文件。使用jqueryajax，我想用从PHP文件接收的数据填充div，用从另一个PHP文件接收的数据填充另一个div

我不熟悉ajaxcomplete函数等。我应该使用两个函数，还是一个带参数的函数？请给我一些想法。谢谢。

您只需拨打两个电话，如下所示：

$("#firstDiv").load("first.php", {someParam: "foo"}, function() {
    // request has completed
});

$("#secondDiv").load("second.php", {anotherParam: "bar"}, function() {
    // request has completed
});

您可以简单地使用两个调用，如下所示：

$("#firstDiv").load("first.php", {someParam: "foo"}, function() {
    // request has completed
});

$("#secondDiv").load("second.php", {anotherParam: "bar"}, function() {
    // request has completed
});

---

有一个ajax调用总是很好的。您可以调用一个php文件，该文件将返回两个div的内容

可以使用Jquery Ajax Json数据类型区分Div内容：

$.ajax({
  url: test.php,
  dataType: 'json',
  data: data,
  success: function(responce){
     $("#firstDivData").html(responce.firstDivContent)
     $("#secondDivData").html(responce.secondDivContent)
  }
});

PHP脚本：test.PHP

<?php
  $divContents = array();
  $divContents['firstDivContent'] = "First div content here";
  $divContents['secondDivContent'] = "Second div content here";
  echo json_encode($divContents);
?>

---

有一个ajax调用总是很好的。您可以调用一个php文件，该文件将返回两个div的内容

可以使用Jquery Ajax Json数据类型区分Div内容：

$.ajax({
  url: test.php,
  dataType: 'json',
  data: data,
  success: function(responce){
     $("#firstDivData").html(responce.firstDivContent)
     $("#secondDivData").html(responce.secondDivContent)
  }
});

PHP脚本：test.PHP

<?php
  $divContents = array();
  $divContents['firstDivContent'] = "First div content here";
  $divContents['secondDivContent'] = "Second div content here";
  echo json_encode($divContents);
?>

---

那变数呢？loadsecond.php？a=1&b=2您可以这样做，或者使用可选的第二个参数$load。查看我的编辑，并查看我答案中链接的文档。以及变量？loadsecond.php？a=1&b=2您可以这样做，或者使用可选的第二个参数$load。查看我的编辑，并查看我答案中链接的文档。