Question

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

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

我不熟悉ajaxcomplete()功能等。我应该使用两个函数，还是使用一个函数？请给我一些想法。感谢。

Answer 1

单一的ajax调用总是好的。你可以调用一个php文件来返回div的内容。

可以使用Jquery Ajax Json dataType：

来区分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);
?>

Answer 2

您可以简单地使用两个$.load来电，例如：

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

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

多个Ajax调用？

2 个答案: