Script Ajax não funciona no Firefox

felps · December 31, 2011

Eu fiz um código simples, só pra começar a aprender ajax, só que não funciona no firefox. Alguém poderia me ajudar com isso?

Index.html

<html>
    <head>
        <script type="text/JavaScript">
            var request = null;
            function createRequest(){
                try{
                    request = new XMLHttpRequest();
                }catch(trymicrosoft){
                    try{
                        request = new ActiveXObject("Msxml2.XMLHTTP");
                    }catch(othermicrosoft){
                        try{
                            request = new ActiveXObject("Microsoft.XMLHTTP");
                        }catch(failed){
                            request = null;
                        }
                    }
                }
                
                if(request == null)
                    alert("Erro");
            }    

            function getWord(){                
                createRequest();
                var url = "script.php";                
                request.open("GET", url, true);                    
                request.onreadystatechange = updatePage;                
                request.send(null);                
            }
            
            function updatePage(){            
                if(request.readyState == 4){                
                    if(request.status == 200){                        
                        var tex = request.responseText;    
                        document.getElementById("texto").value = tex;
                    }
                }
            }
            </script>
    </head>
    <body>
        <form>
            <input type="text" name="texto" id="texto" />
            <button onclick="getWord();">Enviar</button>
        </form>
    </body>
</html>

script.php

<?php
    
    echo "Palavra";

?>

rickynavas · December 31, 2011

Eu fiz um código simples, só pra começar a aprender ajax, só que não funciona no firefox. Alguém poderia me ajudar com isso?

Index.html

<html>
    <head>
        &lt;script type="text/JavaScript">
            var request = null;
            function createRequest(){
                try{
                    request = new XMLHttpRequest();
                }catch(trymicrosoft){
                    try{
                        request = new ActiveXObject("Msxml2.XMLHTTP");
                    }catch(othermicrosoft){
                        try{
                            request = new ActiveXObject("Microsoft.XMLHTTP");
                        }catch(failed){
                            request = null;
                        }
                    }
                }
                
                if(request == null)
                    alert("Erro");
            }    

            function getWord(){                
                createRequest();
                var url = "script.php";                
                request.open("GET", url, true);                    
                request.onreadystatechange = updatePage;                
                request.send(null);                
            }
            
            function updatePage(){            
                if(request.readyState == 4){                
                    if(request.status == 200){                        
                        var tex = request.responseText;    
                        document.getElementById("texto").value = tex;
                    }
                }
            }
            </script>
    </head>
    <body>
        <form>
            <input type="text" name="texto" id="texto" />
            <button onclick="getWord();">Enviar</button>
        </form>
    </body>
</html>

script.php

<?php
    
    echo "Palavra";

?>

Olá,

Coloquei um return false, <button onclick="getWord(); return false;">Enviar</button>, assim não atualiza a URL,

para mim funcionou assim..

felps · January 1, 2012

Deu certo, obrigado :D

Mas por que será que acontece isso?

rickynavas · January 1, 2012

Coloquei um "return false;", por que a pagina recarregava e apagava os dados de dentro do input.

Acredito que haja maneira melhor. rs

fiote · January 2, 2012

Mas por que será que acontece isso?

A tag button no firefox é interpretada como um input type='submit'. Logo, ele envia o formulário. Como o seu form não tem um action definido, o firefox envia o formulário para a própria página, dando a impressão que é um refresh.

Use input type='button' ao invés de button e seu problema estará resolvido, sem a necessidade do return false.

Edited January 2, 2012 by fiote

Sign In

Script Ajax não funciona no Firefox

Question

felps

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

rickynavas

Link to comment

Share on other sites

felps

Link to comment

Share on other sites

rickynavas

Link to comment

Share on other sites

fiote

Link to comment

Share on other sites

Join the conversation

Forum Statistics

Browse

Activity