Mam listę dynamicznych linków na stronie A i div, gdzie chcę załadować zawartość z innej dynamicznie generowanej strony B na podstawie zmiennych PHP.

<a href="loader.php?id=1">Link 1</a>
<a href="loader.php?id=2">Link 2</a>
<a href="loader.php?id=3">Link 3</a>

Ten skrypt pomyślnie ładuje zewnętrzną zawartość ze strony loader.php za pomocą poniższego skryptu jQuery do#ajaxContent div.

$(document).ready(function(){ 
    $("a").click(function(){
        $.ajax({
            url:$(this).attr("href"),
            success: function(response) {
                $("#ajaxContent").html(response);
            }
        });   
        return false;
    });
});

Moje pytanie brzmi: jak mogę załadować zawartość z nazwanego elementu div na stronie loader.php za pomocą modyfikacji powyższego skryptu? Powodem tego jest pokazanie zawartości zwanej Ajaxem w poprawnym kontekście na naturalnym adresie URL, np .: href = "loader.php? Id = 2, który jest poprawny bez obsługi JavaScript / praktyka SEO.

Aktualizacja: Niemal tam pigułki wybuchowe! Wielkie dzięki.

Kod roboczy to.

$(".switchMe li a").click(function(){
$.ajax({
url:$(this).attr("href"),
success: function(response) {
//  $("#ajaxContent").html(response);
$("#ajaxContent").html($(response).find("#imageInfo"));
}
});

return false;
});

Dzięki Jimmy