Método get() de jQuery ajax

Ejemplo

Cambiar el texto del elemento div utilizando solicitudes GET AJAX de AJAX:

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  )
)

Prueba por tu cuenta

Definición y uso

El método get() carga información mediante solicitudes GET HTTP remotas.

Esta es una función de solicitud GET simple para reemplazar $.ajax complejo. Al tener éxito, se puede llamar a la función de devolución de llamada. Si es necesario ejecutar una función en caso de error, utilice $.ajax.

sintaxis

$(selector).get()}}url,data,success(response,status,xhr),dataType)
Parámetros Descripción
url Obligatorio. Especificar la URL a la que se enviará la solicitud.
data Opcional. Especificar los datos que se enviarán al servidor con la solicitud.
success(response,status,xhr)

Opcional. Especificar la función que se ejecutará cuando la solicitud tenga éxito.

Parámetros adicionales:

  • response - Contiene los datos del resultado de la solicitud
  • status - Contiene el estado de la solicitud
  • xhr - Contiene el objeto XMLHttpRequest
dataType

Opcional. Especificar el tipo de datos esperados de la respuesta del servidor.

Por defecto, jQuery lo juzga inteligentemente.

Tipos posibles:

  • "xml"
  • "html"
  • "text"
  • "script"
  • "json"
  • "jsonp"

Descripción

Esta función es una función Ajax abreviada, equivalente a:

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
)

De acuerdo con los diferentes tipos MIME de respuesta, los datos devueltos pasados al callback de éxito también son diferentes, estos datos pueden ser el elemento raíz de XML, cadena de texto, archivo de JavaScript o objeto JSON. También se puede pasar el estado de texto de respuesta a la función de callback de éxito.

Para jQuery 1.4, también se puede pasar el objeto XMLHttpRequest al callback de éxito.

Ejemplo

Solicitar la página web test.php, ignorar el valor de retorno:

$.get("test.php");

Más ejemplos

Ejemplo 1

Solicitar la página web test.php, transmitir 2 parámetros, ignorar el valor de retorno:

$.get("test.php", { name: "Bill", time: "2pm" } );

Ejemplo 2

Mostrar el valor de retorno de test.php (HTML o XML, según el valor de retorno):

$.get("test.php", function(data){
  
)

Ejemplo 3

Mostrar el valor de retorno de test.cgi (HTML o XML, según el valor de retorno), agregar un grupo de parámetros de solicitud:

$.get("test.cgi", { name: "Bill", time: "2pm" },
  function(data){
    
  )