php jquery div refresh

Question

У меня есть на моей странице (page1.php) a div под названием result, который обновляется при нажатии ссылки с идентификатором loadlink. Он посылает URL вместе с page2.php Сценарий:

$(function() { 
    $(".loadlink").click(function(event) { 
    event.preventDefault(); 
    $("#result").load($(this).data('url')); 
    }); 
}); 

Я хочу, чтобы это так и обновляет другой DIV называется crimes после этого работает с данными из URL page3.php. Как я могу изменить код для этого?

Answer 1

Вы можете использовать функцию обратного вызова функции .load(), чтобы запустить другой запрос AJAX, как только это один заканчивает:

$(function() { 
    $(".loadlink").click(function(event) { 
     event.preventDefault(); 
     $("#result").load($(this).data('url'), function() { 
      $('#crimes').load('page3.php'); 
     }); 
    }); 
}); 

Примечание: если второй запрос AJAX не полагаться на первый, то вы можете запустить их одновременно (просто назовите их один за другим, и они будут обновлять DOM, а затем возвращаться успешно). Вы не узнаете, какой из них вернется первым, но это полезность функции обратного вызова, вы узнаете, что она была выполнена до отправки следующего запроса.

Answer 2

Просто добавьте еще одну нагрузку() в функцию щелчка.

$(function() { 
    $(".loadlink").click(function(event) { 
    event.preventDefault(); 
    $("#result").load($(this).data('url')); 
    $("#crimes").load('page3.php'); 
    }); 
});