Ir para conteúdo

POWERED BY:

Arquivado

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

Fábio BN

Carregar Consulta com Infinit Scrolling?

Por , em ASP Clássico

Recommended Posts

Fábio BN    17

Fábio BN
Postado

Oi, como eu faço para carregar uma consulta usando Infinit Scrolling? Assim não necessitando o uso de paginação? Existe alguma forma de utilizar este recurso junto com o ASP?

Se alguém soubrer, agradeço se me ajudar.

 

Obrigado!

Fábio!

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

eu tenho isso em ASP.Net, se quiser é só adaptar para ASP. Mas seria basicamente, No trecho de código abaixo, na janela de rolagem do jQuery vc chama o método JavaScript getRecords que faz uma chamada de AJAX para o servidor e obtém os registros de clientes a partir da página do banco de dados do SQL Server utilizando o índice da página atual. e a chamar os dados a cada x tempo e buscar o page index que é incrementado quando o page index for igual à contagem total de páginas.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gustavo Emygdio Barboza    24

Gustavo Emygdio Barboza
Postado

poxa Fábio se for para poupar trabalho faça a paginação clássica mesmo... pois esse conforto para o usuário te trara mais trabalho em comparação no geral não tanto... com relação ao uso não interfere o linguagem/tecnologia server-side... o esquema vai estar todo entre aspas no cliente-side...

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

é um efeito muito uitilizado para uma maior interação e facilitação a vida do user, o qual sempre previsamos cativar, faça como falei chame o método JavaScript getRecords que faz uma chamada de AJAX para o servidor e obtém os registros de clientes a partir da página do banco de dados do SQL Server utilizando o índice da página atual.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fábio BN    17

Fábio BN
Postado

Estou tenando usar AJAX no ASP, quando clico no botão de enviar nada acontece, alguém sabe por que?

index.asp
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sem título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
// Função Ajax 
 
function acao(){
var xmlhttp;
 
// Idenfica Navegador
if (window.XMLHttpRequest) { // IE7+,Mozilla, Safari,Chrome ...
xmlhttp = new XMLHttpRequest();
xmlhttp.overrideMimeType('text/xml');
 
} else if (window.ActiveXObject) { // IE5 ou IE6
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 
}else{
alert ("Seu navegador não tem suporte para ajax.");
}
// Fim de Idenfica Navegador
 xmlhttp.onreadystatechange = function(){
  if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
   document.getElementById("resposta_do_servidor").innerHTML = xmlhttp.responseText;
   }else{
   return false;
  }  
 }
 

// execução do código aqui
var valor_nome = document.getElementById("nome").value;
var valor_email = document.getElementById("email").value;
 
xmlhttp.open("POST", "recebe.asp", true);
xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');/*linha chave para o método POST*/
xmlhttp.send(nome);
xmlhttp.send(email);
document.form_post.reset();
 
}
// Fim de Função Ajax
</script>
 
</head>
 
<body>
 <div id="reposta_do_servidor" style="color:#ff0000;">
<form name="form_post" id="form_post">
  <p>
    <input type="text" id="nome">
  </p>
  <p> 
    <input type="text" id="email">
  </p>
  <p>
    <input type="button" onclick="acao()" value="Enviar">
  </p>
</form>
</body>
</html>
************
 
recebe.asp
<%
nome = replace(request.form("nome"),"'","'")
email = replace(request.form("email"),"'","'")
 
response.write nome
response.write "<br>"
response.write email
%>

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

verifique se no send esta vindo os valores corretos e como esta recebendo no recebe.asp

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fábio BN    17

Fábio BN
Postado

Oi, eu mudei as variáveis das linhas

 

Mesmo assim ainda não funcina.

Eu vi esse exemplo em PHP mas creio que funcionasse no ASP.

Era para esse exemplo acima pegar os valores e retornar na DIV resposta_do_servidor

 

Eu mudei o nome das variáveis das linhas
xmlhttp.send(valor_nome);
xmlhttp.send(valor_email);
document.form_post.reset();

 

Mesmo assim nada acontece, bem, preciso ver o que tá com problema.

Agradeço a ajuda, se alguém mais tiver alguma opinião, favor postar.

 

Abraços!

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

verifique se esta vindo dados pelo

document.getElementById("nome").value;

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fábio BN    17

Fábio BN
Postado

Consegui fazer funcionar.

 

Mexi em duas coisas, juntei os valores dos campos tudo em uma mesma variável.

var var_nome = document.getElementById("nome").value;
var var_email = document.getElementById("email").value;
var campos  = "nome="+var_nome+"&email="+var_email;

xmlhttp.open("POST", "recebe.asp", true);
xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');/*linha chave para o método POST*/
xmlhttp.setRequestHeader("Content-length", campos.length); // Comprimento do conteúdo=comprimento dos dados a enviar
xmlhttp.send(campos);
document.form_post.reset();

E depois corrigi o nome da DIV que estava errado, faltava uma letra.

<div id="reposta_do_servidor" style="color:#ff0000;">
Mudei para
<div id="resposta_do_servidor" style="color:#ff0000;">

 

Obrigado a todos!

 

Abraços - Fábio!

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

poste o link para eu ver como ficou o efeito...

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

legal um bom conteúdo didático de introdução ao AJAX

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos ASP Clássico
×

Informação importante

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

  Aceito