Carregar página de peça com jQuery e AJAX
Eu tenho uma lista de links dinâmicos na página A e uma div onde eu desejo carregar conteúdo de outra página B gerada dinamicamente com base em variáveis 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>
Este script carrega com sucesso o conteúdo externo da página loader.php usando o script jQuery abaixo em#ajaxContent
div.
$(document).ready(function(){
$("a").click(function(){
$.ajax({
url:$(this).attr("href"),
success: function(response) {
$("#ajaxContent").html(response);
}
});
return false;
});
});
Minha pergunta é como posso carregar o conteúdo de um elemento div nomeado na página loader.php usando uma modificação do script acima? A razão para isso é mostrar o conteúdo chamado usando Ajax em seu contexto correto na url natural, por exemplo: href = "loader.php? Id = 2, que é adequado não JavaScript habilitado / prática de SEO, eu acredito.
Atualização: Quase lá Pílulas Explosivas! Muito Obrigado.
Código de trabalho é.
$(".switchMe li a").click(function(){
$.ajax({
url:$(this).attr("href"),
success: function(response) {
// $("#ajaxContent").html(response);
$("#ajaxContent").html($(response).find("#imageInfo"));
}
});
return false;
});
Obrigado jimmy