Ajax sem Jquery
Pessoal vou resumir, quero converter um código que usa Jquery para Javascript puro, pois não compensa carregar algo em torno de 82k que possui sua versão mais atual para rodar um script que pesa cerca de 10k em códigos...
E o que preciso atualmente é converter este código:
var ultimo = $(".post-separator:last").attr("lang"); // Recuperamos o id da última post
$("#status").html("<img width='32' height='32' src='/images/loader.gif' alt='Enviando' />"); // Mensagem de carregando
$.post("more-content.php", {ultimo: ultimo}, function(resposta) { // Faz requisição ajax e envia o ID do última post
$("#status").empty(); // Limpa a mensagem de carregamento
$(".publicacoes").append(resposta); // Coloca o conteúdo na DIV
});
Fiz uma alteração, ficou assim:
var _ = function( elem ) {
return document.querySelector( elem );
};
function loadMore(){
var ultimo = _('.id:last-child').getAttribute('n-id');
_(".loadBtn").style.display="none";
_(".loadImg").style.display="block";
$.post("ajax.php", {ultimo: ultimo}, function(resposta) {
_(".loadImg").style.display="none";
_(".loadBtn").style.display="block";
$(".publicacoes").append(resposta);
});
return false;
};
Mas não entendo como mudar isto:
$.post("ajax.php", {ultimo: ultimo}, function(resposta) {
Para algo funcional e por consequência não consigo mudar isto:
$(".publicacoes").append(resposta);
Para aproveitar o tópico alguém sabe criar uma variável 'css' que tenha a função do 'style' como no Jquery?
Pessoal atualizando meu código agora está assim:
var _ = function( elem ) {
return document.querySelector( elem );
};
function loadMoreContent(){
var lastId = _('.id:last-child').getAttribute('lang');
var lastIdEnd = lastId-'5';
_("#status .loadBtn").style.display="none";
_("#status .loadImg").style.display="block";
$.post("more-content.php", {lastId: lastId}, function(resposta) { // Jquery
_("#status .loadImg").style.display="none";
if(lastIdEnd < '1'){_("#status .loadEnd").style.display="block";};
if(lastIdEnd == '1'){_("#status .loadEnd").style.display="block";};
if(lastIdEnd > '1'){_("#status .loadBtn").style.display="block";};
$(".publicacoes").append(resposta); // Jquery
});
};Discussão (2)
Carregando comentários...