Version imprimable
Bonjour à toutes et à tous,
J'ai décidé d'aborder la technologie AJAX, en lisant quelques tutoriels. Malheureusement j'arrive pas à tourner un code source.
J'aimerai bien que quelqu'un entre vous m'aide la dessus par un tutoriel qu'il a déjà essayé ou un code source déjà testé.
Note: je cherche un exemple basique (pas de frameworks), language serveur JAVA.
Merci.
Donne nous ton code, et dis nous ce que tu n'arrive pas à faire ou l'erreur que tu as.
Page JSP: valider.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>Test validation AJAX</title>
<script type="text/javascript">
<!--
var requete;
function valider(){
var donnees=document.getElementById("donnees");
var url="valider?valeur="+escape(donnees.value);
if(window.XMLHttpRequest){
requete= new XMLHttpRequest();
}
else if(window.ActiveXObject){
requete=new ActiveXObject("Microsoft.XMLHTTP");
}
requete.open("GET",url,true);
requete.onreadystatechange=majIHM;
requete.send(null);
}
function majIHM(){
var message="";
if(requete.readyState ==4){
//alert(requete.status);
if(requete.status == 200){
//Exploitation des données de la réponse
var messageTag=requete.responseXML.getElementByTagName("messag")[0];
message=messageTag.childNodes[0].nodeValue;
mdiv=document.getElementById("validationMessage");
if(message="invalide"){
mdiv.innerHTML="<img scr='images/nonvalider.png'>";
}else{
mdiv.innerHTML="<img scr='images/valider.png'>";
}
}
}
}
-->
</script>
</head>
<body>
<table>
<tr>
<td>Valeur:</td>
<td nowrap><input type="text" id="donnees" name="donnees" size=30 onkeyup="valider();"></td>
<td><div id="validationMessage"></div></td>
</tr>
</table>
</body>
</html>
Servlet
package com;
import java.io.IOException;
import javax.servlet.Servlet;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class ValiderServlet extends HttpServlet implements Servlet {
public ValiderServlet(){
super();
}
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
// TODO Auto-generated method stub
//super.doGet(req, resp);
String resultat="invalide";
String valeur=req.getParameter("valeur");
resp.setContentType("text/xml");
resp.setHeader("Cache-control","no-cache");
if((valeur!=null)&& valeur.startsWith("X")){
resultat="valide";
}
resp.getWriter().write("<message>"+resultat+"</message>");
}
}
sur ma page, je vois aucune image que se soit pour la validation ou l'échec.
Juste pour vérifier, j'ai mis sur la page jsp dans la fonction callbak majIHM:un alert(requete.status) et j'ai reçu 500 ceci dit que le code d'exploitation des données de la réponse ne s'exécute pas. Je sais pas d'où vient l'erreur.