Comenzando con ajax

Ejemplo simple de jQuery para comunicarse con el servidor

Tomado del sitio web jQuery.ajax API:

$.ajax({
    method: "POST",
    url: "some.php",
    data: {
        name: "John",
        location: "Boston"
    },
    success: function(msg) {
        alert("Data Saved: " + msg);
    },
    error: function(e) {
        alert("Error: " + e);
    }
});

Este trozo de código, debido a jQuery, es fácil de leer y entender lo que está pasando.

  • $.ajax - este bit llama a la funcionalidad ajax de jQuery.

  • método: "POST": esta línea aquí declara que vamos a utilizar un método POST para comunicarnos con el servidor. ¡Infórmese sobre los tipos de solicitudes!

  • url - esta variable declara a dónde se ENVIAR la solicitud. Estás enviando una solicitud A a alguna parte. Esa es la idea.

  • datos - bastante sencillo. Estos son los datos que está enviando con su solicitud.

  • success - ¡esta función aquí la escribes para decidir qué hacer con los datos que recibes msg! como sugiere el ejemplo, actualmente solo está creando una alerta con el msg que se devuelve.

  • error - esta función aquí se escribe para mostrar mensajes de error, o para proporcionar acciones para trabajar cuando la solicitud ajax pasó por errores.

  • una alternativa a .done es

    success: function(result) {
        // do something
    });
    

Instalación o configuración

¿Qué es AJAX?


AJAX significa JavaScript asíncrono y XML. En pocas palabras, es el uso del objeto XMLHttpRequest para comunicarse con el lado del servidor guiones. Puede enviar y recibir información en una variedad de formatos, incluidos JSON, XML, HTML e incluso archivos de texto. -Red de desarrolladores de Mozilla 2016

La forma más sencilla de implementar AJAX, especialmente si planea comunicarse con servidores, es mediante jQuery.

¿Qué es jQuery?


jQuery es una biblioteca de JavaScript rápida, pequeña y rica en funciones. Hace cosas como recorrido y manipulación de documentos HTML, manejo de eventos, animación, y Ajax mucho más simple con una API fácil de usar que funciona a través de una multitud de navegadores. -jquery.com

Para aquellos que no han usado mucho jQuery, considérenlo como funciones que podemos usar para hacernos la vida más fácil. ¡Esto es perfecto para usar con AJAX ya que reduce la cantidad de código que tenemos que escribir para lograr lo mismo!

Cómo agregar jQuery a su sitio web

Si necesita usar Ajax, debe agregar jQuery a su proyecto. http://jquery.com/download/ En este enlace puede ver muchas formas de agregar jquery. Puede usar la versión descargada de jQuery o puede usar un CDN. http://jquery.com/download/#jquery-39-s-cdn-provided-by-maxcdn. Pero existe cierto riesgo de seguridad si usa CDN. Porque el proyecto pide usar jquery, por lo que un pirata informático podría manipular la llamada. Así que mejor si pudieras usar la versión descargada. Veamos cómo agregar jquery al proyecto html. Es fácil. El primer ejemplo es usar la fuente descargada. Use este enlace para descargar http://jquery.com/download/#jquery. Si solo desea usar jquery, le sugiero que descargue ** Descargue el jQuery 3.1.1 de producción comprimido ** Cuando lo descargue, agregue jquery-version.min.js al lugar apropiado (como la carpeta javascript de su proyecto) Luego simplemente agregue la etiqueta