dÚvida ajax com servlets

var ajax = null;
 function carrega() {
     // Mostra o loading
     document.getElementById("loading").style.display = "none"; 
     if (ajax == null) {
       if (window.XMLHttpRequest) {
         ajax = new XMLHttpRequest();
       } else if (window.ActiveXObject) {
         ajax = new ActiveXObject('Microsoft.XMLHTTP');
       }
     }
     ajax.open('GET', "seuservlet", true);
     ajax.onreadystatechange = processaAjax;
     ajax.send();
 }

function processaAjax() {
      if (ajax.readyState == 4) {
         if (ajax.status == 200) {
		      // Esconde o loading
		      document.getElementById("loading").style.display = "none"; 
         }
      }
}

Att

Pode usar o prototype tbm ficaria mais ou menos assim:

function : resgatar(){

var url = "URL QUE VC DESEJAR"
var pars= {
         pars1: "1",
         pars2: "2"

}

var request = new Ajax.Request(url, {
				method :'post',
				parameters :pars,
				onComplete :doList
			});

$("MinhaDiv").innerHTML = "RESGATANDO.....";

function doList(request) {
$("MinhaDiv").innerHTML = "COMPLETO.....";

			}
}

Ele fara uma requisição e ficara aguardando o retorno para chamara a funcao dolist perceba que tem algo na requsição como nome de oncomplete, esta sera executada somente quando concluida a requisição.

vlw

Naruffy:

Seria algo assim =D

var ajax = null;
 function carrega() {
     // Mostra o loading
     document.getElementById("loading").style.display = "none"; 
     if (ajax == null) {
       if (window.XMLHttpRequest) {
         ajax = new XMLHttpRequest();
       } else if (window.ActiveXObject) {
         ajax = new ActiveXObject('Microsoft.XMLHTTP');
       }
     }
     ajax.open('GET', "seuservlet", true);
     ajax.onreadystatechange = processaAjax;
     ajax.send();
 }

function processaAjax() {
      if (ajax.readyState == 4) {
         if (ajax.status == 200) {
		      // Esconde o loading
		      document.getElementById("loading").style.display = "none"; 
         }
      }
}

Att

Boa Tarde colega,
Então o ajax estou utilizando no mesmo esquema que você informou, ate ai não tem segredo, ele roda sem problema.
Quando eu executo meu servlets abaixo direto pela barra de endereço ele gera o xls tranquilo, agora quando eu passo meu servlet no ajax.open('POST', "mysrv", true); , meu loading executa ok porem meu excel não gera na tela. Efetuei um teste para saber se o ajax estava executando o servlet, coloquei antes de gerar o excel um FOR com um loop extenso, meu loading demorou mais tempo para sumir, então tiver certeza que ele executou o servlet, porem não criou o xls.

public class mysrv extends HttpServlet {
    protected void processRequest(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException, WriteException {
        response.setContentType("text/html;charset=UTF-8");

        String fileName = "TESTE_" + System.currentTimeMillis();

        response.setContentType("application/vnd.ms-excel");
        response.setHeader("Content-Disposition", "attachment;filename=" + fileName+ ".xls");

        WritableWorkbook w = Workbook.createWorkbook(response.getOutputStream());
        WritableSheet s = w.createSheet(fileName, 0);

        WritableFont wf = new WritableFont(WritableFont.ARIAL, 10, WritableFont.NO_BOLD);
        WritableCellFormat cf = new WritableCellFormat(wf);
}

Tem alguma coisa errada com meu servlet para excutar pelo ajax, já que executando ele pela barra de endereço ele rola de boa.

abraço,
Cristian

Bom dia,

Bom amigo estive pesquisando aqui nos meus códigos e não consegui achar nenhum bom exemplo, pois todos os arquivos que eu abro eu não uso ajax.

Mas eu lembrei que tinha um caso em que eu usava AJAX e ocorria uns problemas parecidos com o seu, é alguma coisa relacionada com cache
tente colocar essas linhas no começo do seu servlet, a ultima que está comentada creio eu que não seja necessária pelo fato de você estar usando um arquivo excel.

Outra coisa que eu pensei tb, tente mudar a sua requisição ajax para GET ao invés de POST.

response.setDateHeader("expires", 1);
	    response.setHeader("cache-control", "no-cache");
	    //response.setHeader("content-type", "text/plain; charset=iso-8859-1");

Att

Bom, o que parece é que vc não está exibindo o conteúdo da resposta AJAX, certo?
Se o seu servlet retornasse HTML vc poderia fazer isso em JavaScript para exibí-lo na tela:

var doc = window.document;
doc.open();
doc.write(ajax.responseText);
doc.close();

Não sei se com documentos do excel irá funcionar porque não há como o browser saber o content-type.

O que vc poderá fazer é criar um IFrame oculto para chamar o seu servlet.
E no evento OnLoad do IFrame você poderá exibí-lo e esconder o icone de Loading que vc fez.

<html>
	<!-- Autor: Wellington Tadeu dos Santos -->
    <head>
        <style type="text/css">
            iframe { width: 100%; height: 100%; opacity: 0; filter: alpha('opacity=0'); }
            .Pronto iframe { opacity: 1; filter: none; }
            .Pronto img { display: none; }
        </style>
    </head>
    <body>
    	<!-- Imagem de Loading -->
        <img  />
        
        &lt;!-- Carrega o conteúdo do servlet --&gt;
        &lt;iframe src="meuServlet" frameborder="0"
        		onload="document.body.className='Pronto';"&gt;
        &lt;/iframe&gt;
    &lt;/body&gt;
&lt;/html&gt;

Veja só que bonito! Só precisou de uma linha de JavaScript… e a chamada HTTP continua assíncrona
assim como se estivesse usando o AJAX via XMLHttpRequest.

[]'s

wellsantos:

Bom, o que parece é que vc não está exibindo o conteúdo da resposta AJAX, certo?
Se o seu servlet retornasse HTML vc poderia fazer isso em JavaScript para exibí-lo na tela:

var doc = window.document;
doc.open();
doc.write(ajax.responseText);
doc.close();

Não sei se com documentos do excel irá funcionar porque não há como o browser saber o content-type.

O que vc poderá fazer é criar um IFrame oculto para chamar o seu servlet.
E no evento OnLoad do IFrame você poderá exibí-lo e esconder o icone de Loading que vc fez.

<html>
	<!-- Autor: Wellington Tadeu dos Santos -->
    <head>
        <style type="text/css">
            iframe { width: 100%; height: 100%; opacity: 0; filter: alpha('opacity=0'); }
            .Pronto iframe { opacity: 1; filter: none; }
            .Pronto img { display: none; }
        </style>
    </head>
    <body>
    	<!-- Imagem de Loading -->
        <img  />
        
        &lt;!-- Carrega o conteúdo do servlet --&gt;
        &lt;iframe src="meuServlet" frameborder="0"
        		onload="document.body.className='Pronto';"&gt;
        &lt;/iframe&gt;
    &lt;/body&gt;
&lt;/html&gt;

Veja só que bonito! Só precisou de uma linha de JavaScript… e a chamada HTTP continua assíncrona
assim como se estivesse usando o AJAX via XMLHttpRequest.

[]'s

Caramba kra quebro mo galhão meu!!!
Estava tentando atualizar a foto na pagina do cliente e não estava tendo sucesso… dai coloquei esse iframe e o negocio funcionou do nada!!! huahaau
viva ao POG!