Latest web development tutorials

jQuery - de carga AJAX () Método

carga jQuery () Método

carga jQuery () é um método simples, mas poderosa AJAX.

método load () para carregar dados a partir do servidor, e o retorno de dados para o elemento selecionado.

sintaxe:

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

parâmetros deURLnecessárias para uma URL predeterminada que você deseja carregar.

parâmetro de string de consulta especifica osdadosopcionais chave enviados juntamente com os pares de solicitação / valor.

O parâmetrode retornoopcional é o nome da função após o método de carga () para completar a execução.

Este é um exemplo dos conteúdos do arquivo ( "demo_test.txt") de: 

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

O exemplo a seguir vai apresentar "demo_test.txt" o conteúdo é carregado para o elemento especificado <div>:

Exemplos

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

tente »

Você também pode adicionar o seletor jQuery para o parâmetro URL.

A seguir id exemplo o conteúdo do arquivo "demo_test.txt" = elemento de "p1", é carregado para o elemento especificado <div>:

Exemplos

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

tente »

O parâmetro callback opcional especifica quando o método load () após a conclusão para permitir função de retorno. A função de retorno de chamada pode definir diferentes parâmetros:

  • responseTxt -contém o resultado do conteúdo da chamada tiver êxito
  • statusTXT -contém o estado da chamada
  • xhr -contém o objeto XMLHttpRequest

O exemplo a seguir após o método load () para completar exibir uma caixa de diálogo. Se o método load () tem sido bem sucedida, ele irá mostrar "conteúdo externo carregado com sucesso!", E se isso falhar, uma mensagem de erro é exibida:

Exemplos

$("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);
});
});

tente »