ezgifcom gif maker2 ¿Cuáles son los tipos de mensajes devueltos en AJAX?

¿Cuáles son los tipos de mensajes devueltos en AJAX?

/ JavaScript / Por

mensaje de vuelta en Ajax es el proceso de solicitar información del servidor haciendo una Solicitud Ajax. Podemos proporcionar un controlador de eventos de JavaScript para el evento de cliente de control apropiado que debe iniciar las solicitudes de devolución de datos. Por ejemplo, una solicitud de devolución de datos ocurre cuando hacemos clic en un botón/enlace para enviar un formulario. Hay dos tipos de devoluciones de datos en AJAX:

  • Retorno síncrono
  • Devolución asincrónica

Retorno síncrono: El código esperaría en el servidor cuando se hiciera la solicitud y no continuaría hasta que se recibiera una respuesta. Al establecer el valor de asincrónico como falso en la solicitud de AJAX, se utiliza el método de devolución de datos síncrono para obtener la respuesta, y no puede enviar otra solicitud sin obtener la respuesta del servidor.

Sintaxis: El siguiente código es la sintaxis para la devolución de datos síncrona de JQuery Ajax:

// JQuery Ajax Synchronous Postback:
$.ajax({
    url: "/path",
    type: "POST",
    async: false,
    success: function(response) {
        // task ...
    }
});

Dónde,

  • camino: Indica dónde desea obtener la respuesta.
  • escribe: Especifica el método para los datos solicitados.
  • asincrónico: Especifica la llamada Ajax síncrona

Entenderemos el concepto anterior al crear la carpeta ‘ajaxpostbacks’, que contiene 2 archivos PHP, a saber, index.php y update.php.

Ejemplo 1: En este ejemplo, estamos solicitando los datos del archivo update.php a través del archivo index.php al realizar una solicitud de devolución de datos síncrona:

HTML

<!DOCTYPE html>

<html lang="en">

 

<head>

    

    <script type="text/javascript" src=

      </script>

</head>

 

<body>

    <h1 style="color: green;">

        GeeksforGeeks

    </h1>

 

    <h3>Ajax Post Back</h3>

 

    

         

    <button onclick="show()">

        Click Here

    </button>

 

    <script type="text/javascript">

 

        // Calling the function through onclick event

        function show() {

 

            // Synchronous Ajax Postback 

            $.ajax({

                url: "update.php",

                type: "POST",

                async: false,

                success: function (response) {

 

                    // Success function for displaying

                    alert(response); // The response in alert

                }

            })

        }        

    </script>

</body>

 

</html>

PHP

<?php

    echo "GeeksforGeeks - Ajax Synchronous Postbacks";

?>

Salida: De la salida a continuación, obtenemos la respuesta de la actualizar.php haciendo una solicitud Ajax síncrona.

ezgifcom gif maker(2) ¿Cuáles son los tipos de mensajes devueltos en AJAX?

Retorno asíncrono: Los usuarios aún pueden usar el formulario (e incluso llamar a otros métodos de JavaScript) mientras el servidor procesa esta solicitud en segundo plano. Al establecer el valor para el asincrónico como DÓNDE en la solicitud de AJAX, se utiliza el método de devolución de datos asíncrono para obtener la respuesta.

Sintaxis: El siguiente código es la sintaxis para la devolución de datos asincrónica de JQuery Ajax:

// JQuery Ajax Synchronous Postback:
$.ajax({
    url: "/path",
    type: "POST",
    async: true,
    success: function(response) {
        // task ...
    }
});

Dónde,

  • camino: Indica dónde desea obtener la respuesta.
  • escribe: Especifica el método para los datos solicitados.
  • asincrónico: Especifica una llamada Ajax asíncrona estableciendo el valor en verdadero

Ejemplo 2: En este ejemplo, solicitamos los datos del archivo update.php a través del índice.php archivo haciendo una solicitud de devolución de datos asincrónica junto con la actualización de la solicitud Ajax en el anterior índice.php archivo y crear de forma asíncrona como DÓNDE.

HTML

<!DOCTYPE html>

<html lang="en">

 

<head>

    <title>Types of post back in AJAX</title>

 

        

    <script type="text/javascript" src=

    </script>

</head>

 

<body>

    <h1 style="color: green;">

        GeeksforGeeks

    </h1>

    <h3>Ajax Post Back</h3>

 

    

        

    <button onclick="show()">Click Here</button>

 

    <script type="text/javascript">

        function show() {

 

            $.ajax({

                url: "update.php",

                type: "POST",

                async: true,  // Asynchronous Ajax Call

                success: function (response) {

                    alert(response);

                }

            })

            alert("GeeksforGeeks");

        }

    </script>

</body>

 

</html>

PHP

<?php

    echo "GeeksforGeeks - Ajax Asynchronous Postbacks";

?>

Salida: En el resultado a continuación, podemos ver que la solicitud ajax se realizó al servidor, pero ejecutó la siguiente línea de código sin obtener una respuesta. La respuesta viene después de ejecutar la siguiente instrucción.

ezgifcom gif maker(3) ¿Cuáles son los tipos de mensajes devueltos en AJAX?

Observación: El valor predeterminado es asíncrono DÓNDE, el proceso continúa en jQuery ajax sin esperar una solicitud. Si el asíncrono se establece en falsoentonces significa que no pasará al siguiente paso hasta que llegue la respuesta.

Diferencia entre la devolución de datos síncrona y la devolución de datos asíncrona:

Devolución asincrónica

Retorno síncrono

Una devolución de datos asincrónica muestra solo la parte relevante de la página.

La devolución de datos síncrona muestra la página completa para cada devolución de datos.

Cuando dos botones realizan una devolución de datos asíncrona, solo se realiza una devolución de datos a la vez.

La devolución de datos síncrona, por otro lado, realiza todas las operaciones simultáneamente.

Cuando se promueve una devolución de datos de forma asíncrona, solo se cambia el panel de actualización

Cuando se incrementa sincrónicamente, se cambia toda la página

Su Calificación Nos Ayuda a Mejorar