Nueva pregunta

Pregunta:

 
  2  
 
 
Chrismart Anji Karma: 1473 México
 
 Fecha: 11-12-2016 02:35:02 (En Español)

Alguna manera de hacer esto en Ajax?[Resuelta]

Primero que nada me disculpo por el nombre que le di a mi pregunta no se me ocurrio nada mejor :v en fin continuemos, hay una forma de cargar un echo en php desde una simple etiqueta button con ajax pero usando algo parecido a esto:

Codigo PHP:
<?php
if(isset($_POST['boton1'])) {
echo "entro al echo desde un simple boton";
}



Archivo JS:
$(document).ready(function() {
  // Handler for .ready() called.
$("button[name='boton1']").on("click", function(e) {
e.preventDefault(); // disculpen si esto no va, es que lo use en otros intentos fallidos

extra1 = $("button']").attr("name"); // solo tengo 1 boton asi que no es necesario indicarle cual

$.ajax({
	url: '../datobutton.php',
	type: 'POST',
	dataType: 'text',
	data: extra1,
})
.done(function(dat) {
	console.log(dat); // me tendria que trae el echo de PHP
})
.fail(function() {
	console.log("error");
});

});
});


Archivo HTML:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>

	<script src="/js/jquery-3.1.1.min.js"></script>
	<script src="/js/log.js"></script> <!-- Archivo JS de arriba -->
</head>
<body>
<button name="boton1">Obtener echo de PHP</button>
</body>
</html>


Bueno explico esto no me va a funcionar por que no estoy menso y se que en el php pido que exista un $_POST['botom1'] la cual no existe un por que un simple button no existe ese atributo por lo cual, solo funciona en los formularios creo, tambien puede funcionar si quito ese if de mi codigo PHP, mas sin embargo eso no es lo que quiero, ya que siempre es importante en algunas ocasiones que no se ejecute el php al menos que se le apriete a un boton o select o un formulario, ect, y entonces les pregunto hay forma de ser tal cosa solo apretando un simple button o link o lo que sea mientras que no este en un formulario y usando ajax? pues bien si el boton estuviera en un formulario ese codigo que puse funcionaria :) ya lo intente.

Espero que me haigan entendido Compañeros n.n/ Saludos. Etiquetas: AJAX - HTML - HTML5 - Javascript - JQuery - PHP Votos: 2 - Respuestas: 4 - Vistas: 19 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  •  
      1  
     
     
    Wilmer Pedraza Karma: 61 Colombia
     
    Fecha: 12-12-2016 08:36:28 Lo hice así:

    El index.php

    
<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script src="jquery-3.1.1.min.js" type="text/javascript"></script>
        <script src="log.js" type="text/javascript"></script>        
    </head>
    <body>
        <button name="boton1" id="boton1">Obtener echo de PHP</button>
    </body>
</html>


    El log.js

    
$(document).ready(function () {
    $("#boton1").click(function () {
        $.ajax({
            url: "datobutton.php",
            data: {
                boton1:$("#boton1").val()
            },
            type: "POST",
            success: function (data) {
                console.log(data);
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert("Ha ocurrido un error en AJAX");
            }
        });
    });
});
      Votos: 1 - Link respuesta
     
  •  
      1  
     
     
    Chrismart Anji Karma: 1473 México
     
    Fecha: 12-12-2016 22:12:31 Muchas gracias por tu respuesta: Wilmer Pedraza

    me ayudo a comprender como se hace :) solo un consejo pequeño, no deberias poner en la linea 6 de log.js asi por que se ve mal tu codigo seria mejor primero definir una variable y ponerla ahi, asi x ejemplo:

    $(document).ready(function () {
    $("#boton1").click(function () {
        // variable a definir antes 

      variable1 = $("#boton1").val(); // asi se ve bien
        $.ajax({
            url: "datobutton.php",
            data: {boton1: variable1}, // asi es correcto tambien
            type: "POST",
            success: function (data) {
                console.log(data);
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert("Ha ocurrido un error en AJAX");
            }
        });
    });
});


    ahora en la linea 2 use pseudo clases no una id en el documento html5 entre menos atributos tenga una etiqueta mejor asi pienso yo, todo depende de que tan grande sea tu archivo y de cada quien claro n.n/       Votos: 1 - Link respuesta
     
  •  
      -1  
     
     
    Rasmus Lerdorf Karma: 340 Groenlandia
     
    Fecha: 13-12-2016 11:18:05 LOL   Votos: -1 - Link respuesta
     
  •  
      1  
     
     
    Wilmer Pedraza Karma: 61 Colombia
     
    Fecha: 15-12-2016 14:32:48 Gracias por el consejo. :)   Votos: 1 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com