Use a função Ajax() em Jquery para carregar PARTE de uma página externa em div
Pergunta
Estou tentando carregar um elemento DIV de uma página externa em minha página atual usando a função Ajax/jQuery.ajax.Embora eu tenha conseguido carregar uma página externa inteira, não consigo carregar apenas o elemento DIV.
Aqui está meu código:
$("a").click(function() {
/* grabs URL from HREF attribute then adds an */
/* ID from the DIV I want to grab data from */
var myUrl = $(this).attr("href") + "#external-div";
$.ajax( {
url: myUrl,
success: function(html) {
/* loads external content into current div element */
$("#current-div").append(html);
}
});
return false;
});
Ele captura o atributo HREF sem problemas, mas não acrescenta "#external-div" ao URL.Alguma ideia?
Muito obrigado!
~Jared Crossley
Solução
Se você quisesse apenas retornar aquela div, você poderia usar o load
método do jQuery para simplesmente carregar o conteúdo retornado em seu #current-div
alá
$("a").click(function() {
/* grabs URL from HREF attribute then adds an */
/* ID from the DIV I want to grab data from */
var myUrl = $(this).attr("href") + " #external-div";
$("#current-div").load(myUrl);
return false;
});
Dê uma olhada no documentação jQuery Ajax/carregar
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow