Header Ads Widget

Ticker

6/recent/ticker-posts

Cómo hacer una llamada AJAX en la misma página

 Al ser un desarrollador web, siempre intentamos utilizar una solicitud Ajax en la misma página. Si no usamos la misma página de la manera correcta para la respuesta Ajax, entonces devuelve el contenido del encabezado en respuesta.

En este tutorial, veremos cómo manejar una solicitud Ajax en la misma página o cómo usar la misma página para una llamada Ajax.

HTML

<input type = 'button' id = 'btn' data-id = 50 value = 'Edit' /> 

jQuery

Primero incluida la biblioteca

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>

Envío de llamadas AJAX a la misma página

<script>
        $ ('# btn'). click (function () {
            var eid = $ (esto) .data ('id');
            $ .ajax
            ({ 
                url: 'aaa.php', // reemplace con su propia URL
                datos: {"eid": eid},
                tipo: 'POST',
                éxito: función (resultado)
                {
                    alerta (resultado)
                }
            });
        });
  </script>  

PHP

<? php 
if (isset ($ _ POST ['eid'])) {
ob_clean ();
$ eid = $ _POST ['eid'];
echo $ eid;
salida();
}
?>

Aquí estamos usando la misma página para una  llamada Ajax  a la función ob_clean (). Esta función limpia el búfer de salida. Entonces, al usar esto, eliminamos el contenido del encabezado de la respuesta.

Publicar un comentario

0 Comentarios