Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Paulo Munari

Ajax sem Jquery

Recommended Posts

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
});
};

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pessoal voltei olhei o código e me toquei agora falta apenas está linha:

$.post("more-content.php", {lastId: lastId}, function(resposta){

 

Pensei em usar o QuoJS ele pesa 15k apenas, mas pode ser reduzido e dá muito trabalho, alguém pode converter esta linha que falta para Javascript puro para mim?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.