O documento descreve funções utilitárias do jQuery para realizar requisições Ajax de forma assíncrona sem recarregar a página, como $.ajax(), $.ajaxSetup(), $.load(), $.get(), $.post() e $.serialize(). Também explica como transformar dados de formulário em string ou objeto para envio por Ajax.

2. Funções Utilitárias para trabalhar com Ajax - Ajax é uma sigla para Asynchronous JavaScript and XML - Basicamente é um método ou conjunto de métodos para comunicação com o servidor sem a necessidade de recarregamento da página.

3. $.ajax( settings ) async cache complete data dataType error success timeout type url Inicia uma solicitação Ajax usando as opções passadas

4. $.ajax({ url: url, dataType: 'JSON' , cache: false , async: false , data: {nome : “Red”, cidade: “Caucaia ”} , success: function (obterDados) { if (obterDados.achou == “true”){ alert(“Cidadão procurado, traz o saco 02”); }else{ alert(“Cidadão de bem, pode liberar”); } }, error: function () { alert(“Não foi possível localizar este possível meliante”); } });

5. $.ajaxSetup(properties) Estabelece um conjunto de propriedades passadas como os padroes para chamadas Ajax subsequentes. $.ajaxSetup({ type: 'POST' , timeout: 5000, dataType: 'JSON' }); $.ajax({ data: parametros } , function (resposta){...} ); $.ajax({ type: 'POST' , timeout: 5000, dataType: 'JSON' data: parametros }, function (resposta){...});

6. $.load(url, parameters, callback) Carrega a resposta da requisição no elemento coincidente $('#result').load( 'arquivo-html.html'); $('#result').load('arquivo-html.html #fragmentoHTML'); $('#result').load('arquivo.jsp', { 'cidades[]': ['Caucaia', 'São Bernardo'] }); $('#result').load('arquivo.json', callback(){});

7. $.get (url, parameters, callback) Executa uma requisição GET para a URL informada. $.post (url, parameters, callback) Executa uma requisição POST na URL informada. $.getJSON(url, parameters, callback) Executa uma requisição GET com expectativa de retorno de um JSON. $.getJSON(url, function (retorno){...}); $.ajax({ url: url, dataType: 'json', data: data, success: function (retorno){...}); }); Métodos Ajax de conveniência ==

8. a=1&b=2&c=3&d=4&e=5 $.serialize() Transforma os dados do formulário em uma string de requisição <form> <div>< input type=&quot;text&quot; name=&quot;a&quot; value=&quot;1&quot; id=&quot;a&quot; /></div> <div>< input type=&quot;text&quot; name=&quot;b&quot; value=&quot;2&quot; id=&quot;b&quot; /></div> <div>< input type=&quot;hidden&quot; name=&quot;c&quot; value=&quot;3&quot; id=&quot;c&quot; /></div> <div> < textarea name=&quot;d&quot; rows=&quot;8&quot; cols=&quot;40&quot;>4</textarea> </div> <div> < select name=&quot;e&quot;> <option value=&quot;5&quot; selected=&quot;selected&quot;>5</option> <option value=&quot;6&quot;>6</option> <option value=&quot;7&quot;>7</option> </select> </div> </form> a=1&b=2&c=3&d=4&e=5

9. [ { name : 'campo1', value : 123 }, { name : 'campo2', value : 'olá mundo!' } ] Transforma os dados do formulário em um objeto array chave/valor $.serializeArray() [ {name: a , value: 1}, {name: b , value: 2}, {name: c , value: 3}, {name: d , value: 4}, {name: e , value: 5} ]

10. Funções Globais Ajax São funções que permitem associar eventos do Ajax nos elementos coincidentes $().ajaxStart(callback) $().ajaxSend(callback) $().ajaxSuccess(callback) $().ajaxError(callback) $().ajaxComplete(callback) $().ajaxStop(callback)

11. Obrigado!