Aulas
Disciplinas

Cursos / Informática para Internet / Desenvolvimento Web II / Aula

arrow_back Aula 08 - jQuery (Parte 2)

Métodos – AJAX pt.2

Veja agora um exemplo utilizando os métodos 'get' e 'post' (arquivo ajax2.html):

​x
1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2
"http://www.w3.org/TR/html4/loose.dtd">
3
<html>
4
    <head>
5
        <title>Ajax2</title>
6
        <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.3.js"></script>
7
    </head>
8
9
    <body>
10
        <script type="text/javascript">
11
           $(document).ready(function() {
12
​
13
             $("#b1").click(function() {
14
               var url = "/UrlParaAlgumServlet";
15
               $.get(  url,
16
                   {nome: $("#nome").val(), sobrenome: $("#sobrenome").val()},
17
                   function(data, status, xhr){
18
                        $("#ta1").val(data);
19
                      });
20
             });
21
22
             $("#b2").click(function() {
23
               var url = "/UrlParaAlgumServlet";
24
               $.post(  url,
25
                   {nome: $("#nome").val(), sobrenome: $("#sobrenome").val()},
26
                   function(data, status, xhr){
27
                        $("#ta1").val(data);
28
                      });
29
             });
30
​
31
           });
32
        </script>
33
​
34
        <textarea id="ta1" rows="5" cols="50"></textarea>
35
        <br>
36
        Nome:<input id="nome" type="text" value="John">
37
        Sobrenome:<input id="sobrenome" type="text" value="Lennon">
38
​
39
        <br>
40
        <input id="b1" type="button" value="recuperar dados utilizando HTTP GET">
41
        <br>
42
        <input id="b2" type="button" value="recuperar dados utilizando HTTP POST">
43
​
44
    </body>
45
</html>

 

Notas

  1. No exemplo anterior usamos a url “/UrlParaAlgumServlet” como destino de nossas requisições. Esse servlet precisa existir e processar requisições GET e POST para que o exemplo funcione. Se desejar pode criar você mesmo.
[A] Anterior
7/12
Próxima [D]

Sumário

Versão 5.3 - Todos os Direitos reservados