English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Método jQuery get()

Métodos Ajax de jQuery

El método $ .get() utiliza una solicitud GET HTTP para cargar datos desde el servidor.

Sintaxis:

$.get(URL, data, callback, dataType)

Ejemplo

Este ejemplo obtiene el segmento de código HTML solicitado y lo inserta en la página:

$("button").click(function(){
  $.get("ajax_get.php", function(data){
    $("#output").html(data);
  });
});
Prueba y observa‹/›

Solicitud de la página ajax_get.php y envío de otros datos:

$("button").click(function(){
  $.get("ajax_get.php", {fname:"Seagull", lname:"Anna"}, function(data){
    $("#output").html(data);
  });
});
Prueba y observa‹/›

Solicitud de la página ajax_get.php, envío de otros datos y mensaje de alerta de estado:

$("button").click(function(){
  $.get("ajax_get.php", {fname:"Seagull", lname:"Anna"}, function(data, status){
    $("#output").html(data);
    alert(status);
  });
});
Prueba y observa‹/›

Solicitud del archivo demo.json y su inserción en la página:

$("button").click(function(){
  $.get("demo.json", function(data){
    let myObj = JSON.parse(data);
    $("#output").html(myObj.name);
  });
});
Prueba y observa‹/›

Solicitud de json_demo devuelta en formato json1Archivo .php:

$("button").click(function(){
  $.get("json_demo1.php", function(data){
    let myObj = JSON.parse(data);
    $("#output").html(myObj.name);
  });
});
Prueba y observa‹/›

Valor del parámetro

ParámetrosDescripción
URLEspecificar la URL que desea solicitar
datos(Opcional) Especificar los datos que se deben enviar al servidor junto con la solicitud
callback(Opcional)Especificar la función de devolución de llamada a ejecutar después de que la solicitud tenga éxito

Parámetros:

  • datos-Contiene los datos de resultado de la solicitud

  • estado-Contiene el estado de la solicitud ("success", "notmodified", "error", "timeout", o "parsererror")

  • xhr-Contiene el objeto XMLHttpRequest

dataType(Opcional)Especificar el tipo de datos de respuesta necesario del servidor
Por defecto, jQuery realiza una suposición automática

Tipos posibles:

  • “xml”-Un documento XML

  • “html”-HTML como texto puro

  • “text”-Cadena de texto pura

  • “script”-Ejecutar la respuesta como JavaScript y devolverla en formato de texto puro

  • “json”-Ejecutar la respuesta como JSON y devolver un objeto JavaScript

  • “jsonp”-Cargar bloques JSON con JSONP. Añadir "?callback = ?" URL para especificar el callback

Métodos Ajax de jQuery