Haal verschillende data op uit 1 php file

Door Bryan De Baar op 05-01-2020 01:46

1.761 views

Hallo,

Ik maak gebruik van jQuery AJAX om data te tonen die worden geëchood vanuit PHP.
Er worden 2 verschillende AJAX calls gemaakt die elk andere data terug krijgen uit 1 PHP file.

Voor beide AJAX calls heb ik een spinner die uit gaat als de dat geladen is.

Het probleem is als een van de 2 eerder klaar is dan de ander met het teruggeven van de data gaan beide spinners uit.
Om dit te voorkomen heb ik nu voor elke AJAX call een andere PHP file gemaakt, maar vroeg mij af of er ook een andere mogelijkheid is?

- Ariën -

05-01-2020 09:51 gewijzigd op 05-01-2020 09:53

Hoe ziet je jQuery-code eruit?
Blijkbaar is de spinner niet gekoppeld aan zijn parent AJAX-request.

Bryan De Baar

05-01-2020 14:53 gewijzigd op 05-01-2020 14:54


function fetchcat__catpage() {
  $(".spinner__cat_page").fadeIn();
  $.ajax({
    url: '<?php echo get_req_file("ajax/".fetch); ?>',
    data: { todo: "cat-page_catfetch" },
    success: function(data) {
      $("#savecat").text("Opslaan");
      $(".spinner__cat_page").fadeOut("fast", function() {
        $("#cat_result").html(data);
      });
    }
  });
}

function fetchcat__foodpage() {
  $(".spinner__food_page").fadeIn();
  $.ajax({
    url: '<?php echo get_req_file("ajax/". fetch); ?>',
    data: { todo: "food-page_catfetch" },
    success: function(data) {
      $(".spinner__food_page").fadeOut("fast", function() {
        $("#food_result__cats").html(data);
      });
    }
  });
}

Todo refereert aan de php functie.

- Ariën -

05-01-2020 19:13

Zo te zien zijn er twee verschillende placeholders voor je data die je spinner zullen overschrijven:
.spinner__cat_page en .spinner__food_page

Reageren

Inloggen om te reageren