Dúvida ajax!

Front-end
#1

Bom Dia Pessoal!

Estou iniciando meus estudos com ajax

estou fzd um teste onde retorno por ResponseXML um arquivo xml com os dados solicitados.

eu gostaria de saber qual a melhor maneira de tratar um erro no ajax…

caso a minha servlet retorne algum erro como faço para passar isso pro ajax? através do próprio XML?

Segue servlet:

protected void processRequest(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        response.setContentType("text/xml");
        response.setHeader("Cache-Control", "no-cache");
        PrintWriter out = response.getWriter();
        int ano = new Integer(request.getParameter("idade"));
        String msg = null;
        
        ArrayList list1 = new ArrayList();
        list1.add("José Augusto");
        list1.add("Bruno César");
        list1.add("João Eloy");

        ArrayList list2 = new ArrayList();
        list2.add("Beatriz");
        list2.add("Rafaela");
        list2.add("Carolina");

        ArrayList list = new ArrayList();

        try {
            if (ano == 1) {
                list = list1;

            }
            if (ano == 2) {
                list = list2;
                
            }
             
            out.write("<?xml version='1.0' ?>");
            
            out.write("<root>");
            for (int i=0; i<list1.size(); i++) {
                out.write("><nome>"+list.get(i)+"</nome>");
            }
            out.write("</root>");

                        
        } finally {
            out.close();
        }
    }

Segue abaixo meu html

<script type="text/javascript">
            function loadXMLDoc()
            {
                document.getElementById("myDiv").innerHTML="Carregando...";
                var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                {// code for IE6, IE5
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.onreadystatechange=function()
                {
                    if (xmlhttp.readyState==4 && xmlhttp.status==200)
                    {
                        
                        
                        var xml = xmlhttp.responseXML;
                        var rootNode = xml.getElementsByTagName("root").item(0);
                        var nomeNode = rootNode.getElementsByTagName("nome");
                        
                        document.getElementById("myDiv").innerHTML="<br>";
                        document.getElementById("myDiv").innerHTML+="<br>";
                        
                        //document.getElementById("myDiv").innerHTML+="<br>";
                        //document.getElementById("myDiv").innerHTML+="&lt;input type='text' size='15' value='"+nomeNode.item(0).firstChild.data+"' /&gt;";
                        //document.getElementById("myDiv").innerHTML+="<br>";
                        //document.getElementById("myDiv").innerHTML+="&lt;input type='text' size='15' value='"+nomeNode.item(1).firstChild.data+"' /&gt;";
                        var nomeNodeSize = nomeNode.length;

                        for (i = 0; i&lt;nomeNodeSize; i++) {
                            document.getElementById("myDiv").innerHTML+="&lt;input type='text' size='15' value='"+nomeNode.item(i).firstChild.data+"' /&gt;";
                            document.getElementById("myDiv").innerHTML+="<br>&quot;;
                        }


                    }
                }
                var idade = document.getElementById(&quot;idade&quot;).value;
                var url = &quot;TesteAjax?idade=&quot;+idade;
                xmlhttp.open(&quot;GET&quot;, url,true);
                xmlhttp.send();
            }
            function check(){
                if (document.cad.old.value &gt; 2){
                    document.cad.old.backgroundColor=&quot;red&quot;;

                    document.getElementById(&quot;myDiv&quot;).innerHTML=&quot;<br>Número digitado inválido";
                    return false;
                } else {
                    
                    return true;
                    
                }
           }
        &lt;/script&gt;

&lt;div id="myDiv1"&gt;&lt;h2&gt;Veja só como o Ajax é legal&lt;/h2&gt;&lt;/div&gt;



        &lt;form name="cad"&gt;
            Insira o número da família: &lt;input type="text" id="idade" name="old" size="3"/&gt; <br>

            
            &lt;button type="button" onclick="if (check()){loadXMLDoc()}" &gt;Mostrar!&lt;/button&gt;
        &lt;/form&gt;
        

        &lt;div name="div" id="myDiv"&gt;
            
        &lt;/div&gt;

Pois entao, está rodando legalzinho, faço a validação pelo Javascript, mas além disso quero ter uma validação por trás do servidor, na servlet…

caso retorne erro, gostaria de passar isso pro ajax pra que ele mostre um erro.

pensei em criar uma tag no xml com nome erro… mas nao sei se é a melhor maneira.

Desde ja agradeço!

#2

Já tentou por um method=“post” no seu form? No javascript aí voce trataria com $.post ou se quiser mais opções como beforeSend, success e error use o .ajax()

#3

esses metodos não são do jQuery?

#4