1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Ayuda Problema con AJAX en chrome

Tema en 'Javascript' comenzado por hask, 24 de Noviembre de 2017.

  1. hask

    hask Miembro

    Se incorporó:
    26 de Noviembre de 2015
    Mensajes:
    40
    Me gusta recibidos:
    2
    Puntos de trofeos:
    8
    Género:
    Hombre
    Ocupación:
    estudiante
    Hola tengan muy buenas noches!!
    Hace unas semanas me decidi por aprender ajax, pero me quedado estancado en un problema que no se si sea de codigo.
    El asunto es que al enviar el contenido de un input por ajax en otros navegadores funciona pero específicamente en Google chrome para android no funciona y pues no se si sea mi android o que pero necesito ayuda!!!
    Aqui el codigo:
    HTML:

    <!DOCTYPE html>
    <html lang="es">
    <head>
    <title>Aprendiendo AJAX</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    </head>
    <script>
    window.onload = function(){
    var contenido = document.getElementById("contenido");
    var btn = document.getElementById("btn");
    btn.onclick = function(e){
    e.preventDefault();
    var xhr;
    if(window.XMLHttpRequest){
      xhr = new XMLHttpRequest();
    }else{
      xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    var valor = document.getElementById("nombre").value;
    var paq = "nombre=" + valor;
    xhr.onreadystatechange = function(){
      if(xhr.readyState == 4 && xhr.status == 200){
     contenido.innerHTML = xhr.responseText;
    }
    }
    xhr.open("POST", "texto.php", true);
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhr.send(paq);
    }

    }
    </script>
    <body>
    <div id="contenido"></div>
    <br>
    <form action="texto.php" method="post">
    <input type="text" name="nombre" id="nombre"><br>
    <input type="submit" name="btn" id="btn" value="Peticion AJAX">
    </form>
    </body>
    </html>
     
    El php:
    PHP:

    <?php
        $nombre = $_POST["nombre"];
        if(strlen($nombre) > 0){
          echo "Gracias " . $nombre;
        }else{
          echo "Llena el campo";
        }
    ?>
     
    Me podrían ayudar? Solo en chrome android no funciona :(
    y como estoy aprendiendo no quiero utilizar jquery si no pierde la gracia :/
    Aqui el demo: http://soundown.rf.gd/
     
  2. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.477
    Me gusta recibidos:
    682
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    conmigo funciona bien, nose por que a ti te da error!
     
    A hask le gusta esto.
  3. hask

    hask Miembro

    Se incorporó:
    26 de Noviembre de 2015
    Mensajes:
    40
    Me gusta recibidos:
    2
    Puntos de trofeos:
    8
    Género:
    Hombre
    Ocupación:
    estudiante
    Gracias por comentar :'D eso me quita un poco las dudas, quiza sea mi movil.
     
  4. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.477
    Me gusta recibidos:
    682
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    tambien lo pobre en un moto g con el Navegador Via y funciona bien!
     
    A hask le gusta esto.

Comparte esta página