index.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="xhr.js"></script>
</head>
<body>
<h1 id="i1"></h1>
<script type="text/javascript">
    new XHR( {
        url : "/testjersey/service/agenda/ping",
        dest : document.getElementById("i1")
    }).carregar();
</script>
<button id="b1">buscar contatos</button>
<script type="text/javascript">
    var x1 = new XHR( {
        url : "/testjersey/service/agenda"
        //accept : "application/json"
    });
    x1.oparam.hook = function(retr) {
        alert(retr);
    };
    document.getElementById("b1").onclick = function() {
        x1.carregar();
    };
</script>
<button id="b2">Enviar contato</button>
<script type="text/javascript">
var x2 = new XHR( {
    url : "/testjersey/service/agenda",
    method:"POST",
    contentType : "text/xml",
    sending:"<contato><id>17</id><nome>fulano 2</nome></contato>"
});
document.getElementById("b2").onclick = function() {
    x2.carregar();
};
</script>
<button id="b3">deletar contato 3</button>
<script type="text/javascript">
var x3 = new XHR( {
    url : "/testjersey/service/agenda/3",
    method:"DELETE",
    contentType : "text/xml"//o default do componente tá form, mas o serviço espera text/xml
});
x3.oparam.hook=function(){
    alert("done!");
};
document.getElementById("b3").onclick = function() {
    x3.carregar();
};
</script>
</body>
</html>