Latest web development tutorials

jQuery - AJAX carga (método)

carga jQuery () método

método de carga jQuery () es un método simple pero potente AJAX.

método de carga () para cargar datos desde el servidor, y el regreso de los datos en el elemento seleccionado.

sintaxis:

$(selector).load(URL,data,callback);

Losparámetros deURLnecesarias para una dirección URL predeterminada que desea cargar.

parámetro de cadena de consulta especifica losdatosopcionales claves enviadas a lo largo de los pares petición / valor.

El parámetrode devolución de llamadaopcional es el nombre de la función después de que el método de carga () para completar la ejecución.

Este es un ejemplo de los contenidos del archivo ( "demo_test.txt") de:

<h2>jQuery AJAX 是个非常棒的功能!</h2>
<p id="p1">这是段落的一些文本。</p>

El siguiente ejemplo se va a presentar "demo_test.txt" el contenido se carga en el elemento especificado <div>:

Ejemplos

$ ( "# Div1") carga ( "demo_test.txt") .;

Trate »

También puede agregar el selector de jQuery para el parámetro URL.

El elemento de contenido siguiente archivo de ejemplo "demo_test.txt" id = "p1", se carga en el elemento especificado <div>:

Ejemplos

$ ( "# Div1") carga ( "demo_test.txt # p1") .;

Trate »

El parámetro callback opcional especifica cuando el método load () después de la finalización de permitir la función de devolución de llamada. La función de devolución puede configurar diferentes parámetros:

  • responseTxt -contiene el resultado del contenido de la llamada se realiza correctamente
  • statusTXT -contiene el estado de la llamada
  • xhr -contiene el objeto XMLHttpRequest

El siguiente ejemplo después de que el método de carga () para completar mostrar un cuadro de diálogo. Si el método de carga () ha sido exitosa, se mostrará "contenido externo cargado correctamente!", Y si eso falla, se muestra un mensaje de error:

Ejemplos

$("button").click(function(){
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部内容加载成功!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});

Trate »