Método jQuery ajax()

Método Ajax do jQuery

$.ajax() para executar solicitações HTTP (Ajax) assíncronas.

$.ajax() é o método básico de todas as solicitações Ajax enviadas pelo jQuery. Normalmente não é necessário chamar este método diretamente, porque pode usar$.get(),$.post()eload()e várias outras métodos mais avançados, que são mais fáceis de usar. No entanto, se precisar de menos opções comuns, o $.ajax() pode ser usado de maneira mais flexível.

Sintaxe:

Sintaxe um:1.5+Versão:

$.ajax(url, {name:value, name:value, ...})

Sintaxe dois :1.0+Versão:

$.ajax(name:value, name:value, ...)

Exemplo

UsarAdicionardo pedido AJAXVersãoAlterar o texto do elemento DIV:1.5Versão:

$.ajax("ajax_intro.txt", {success: function(response){
　　$("div").html(response);
});

UsarAdicionardo pedido AJAXVersãoAlterar o texto do elemento DIV:1.0Versão:

$.ajax({
　　url: "ajax_intro.txt",
　　success: function(response){
　　　　$("div").html(response);
　　}
});

Solicitar a página ajax_get.php e enviar alguns outros dados:

$.ajax({
　　url: "ajax_get.php"
　　data: {fname:"Seagull", lname:"Anna"},
　　success: function(response){
　　　　$("div").html(response);
　　}
});

Solicitar a página ajax_get.php, enviar alguns outros dados e exibir uma mensagem de estado de alerta:

$.ajax({
　　url: "ajax_get.php"
　　data: {fname:"Seagull", lname:"Anna"},
　　success: function(response, status){
　　　　　　　　$("div").html(response);
　　　　　　　　alert(status);
　　}
});

Usar o método HTTP POST para solicitar a página ajax_post.php:

$.ajax({
　　url: "ajax_post.php",
　　method: "POST",
　　success: function(response){
　　　　　　　　$("div").html(response);
　　}
});

Usar configurações assíncronas para especificar solicitações síncronas:

$.ajax({
　　url: "ajax_get.php"
　　async: false,
　　data: {fname:"Seagull", lname:"Anna"},
　　success: function(response){
　　　　　　　　$("div").html(response);
　　}
});

Usar dataType para definir o tipo de dados solicitado:

$.ajax({
　　url: ""/javascript/myscript.js",
　　dataType: "script"
});

Se o pedido Ajax encontrar um erro, exibir uma notificação:

$.ajax({
　　url: "wrong_file.html",
　　success: function(response){
　　　　　　　　$("div").html(response);
　　},
　　error: function(xhr){
　　　　　　　　$("div").html("Ocorreu um erro: "　+　xhr.status　+　" "　+　xhr.statusText);
　　}
});

Solicitar arquivo e notificar o usuário após a conclusão. Se a solicitação falhar, exibir uma notificação:

let request = $.ajax({
　　url: "ajax_get.php"
　　data: {fname:"Seagull", lname:"Anna"}
});
request.done(function(msg){
　　$("div").html(msg);
});
request.fail(function(xhr, textStatus){
　　$("div").html("Request failed: ")　+　textStatus);
});

Valor do parâmetro

Os parâmetros especificam um ou mais pares name:value para a solicitação AJAX.

Possíveis nomes: os valores na tabela a seguir:

$.ajax({
　　statusCode:
　　　　404:function()
　　　　　　alert（"Não foi possível encontrar a página"）;
　　　　}
　　}
)})

Método Ajax do jQuery