Несколько вызовов Ajax?

Question

Как я могу обновить несколько частей со страницы с помощью Ajax?

У меня есть два div-файла и два PHP-файла.Используя jQuery Ajax, я хочу заполнить div данными, полученными из файла PHP, а другим данными, полученными от другого.

Я не знаком с функцией ajaxcomplete() и т. Д. Должен ли я использовать две функции или одну с параметрами?Пожалуйста, дайте мне несколько идей.Спасибо.

Answer 1

Всегда хорошо иметь один вызов ajax. Вы можете вызвать php-файл, который будет возвращать содержимое обоих div.

Содержимое Div можно дифференцировать с помощью Jquery Ajax Json dataType:

$.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
});