Foros del web, para los que viven de bits

alexisad · 28-mar-2008, 13:22

Hola a todos. necesito una ayuda urgente. aui esta mi formulario el problemas es que cuando quiero hacer click .va a la misma pagina .jsp.

no kiero que se actualize toda la pagina , quiero aplicar ajax. pero nose como hacerlo , espero alguien me pueda ayudar gracias..

mi correo es alexis.ad@hotmailcom espero su ayuda pronto. gracias.

saludos a los participantes de Foros del Web..bye

Mi codigo de mi pagina jsp es.................

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script language="javascript" type="text/javascript" src="js/jsNiftycubeNuevoUsuario.js"></script>
<% String miusuario =(String)session.getAttribute("Usuario");%>
<% if (miusuario==null){%><jsp:forward page="index.jsp"></jsp:forward><%}
clUsuario oUsuario = new clUsuario(miusuario);%>
<title>Usuario <%out.println(miusuario);%> </title>
<link rel="stylesheet" type="text/css" href="css/UsuarioUpdate.css">
<script type="text/javascript">
window.onload=function(){
Nifty("div#content,div#nav","same-height");
}
</script>
</head>
<body>
<center>
<% if(request.getParameter("session")!=null){
//SInicio If Session i hay el Paramettro Session
if (request.getParameter("btnAct")!=null){

//Inicio Ejecutara Cuando Presione en el Boton Actualizar
//Actualizamos los Datos del Usuario
try{
oUsuario.setXNombre(request.getParameter("txtnombr e"));
oUsuario.setXApellido(request.getParameter("txtape llido"));
oUsuario.setXPassword(request.getParameter("txtpas sword"));
int act=0;
act = oUsuario.ActulizaUsuario();%>
<table bgcolor="#FFBD00" width="700px">
<tr>
<td>Datos del usuario <%out.println(miusuario);%> se
actualizo correctamente.</td>
</tr>
</table><br>
<a href="UsuarioUpdate.jsp?session=<%out.println(mius uario);%>">
Volver a Editar</a>
<%}catch(Exception e){
// out.println("Error " + e.getMessage());
}
//Fin If Btn Actualizar
}else{//Inicio Else Btn Actualizar.
//Aki va el Formulario%>
<form name="frmuserupdate" method="get" action="UsuarioUpdate.jsp">
<input type="hidden" name="session" value="<%out.println(miusuario);%>">
<div id="container">
<div id="content" align="center">
<table border="0">
<tr>
<td colspan="2"><h1>Datos del Usuario</h1></td>
</tr>
<tr>
<td>Session</td>
<td><h2><%out.println(miusuario);%></h2></td>
</tr>
<tr>
<td class="td1">Password</td>
<td><input type="password" name="txtpassword"
value="<%out.println(oUsuario.getXPassword());%>"> </td>
</tr>
<tr>
<td class="td1">Rep Password</td>
<td><input type="password" name="txtreppassword"
value="<%out.println(oUsuario.getXPassword());%>"> </td>
</tr>
<tr>
<td class="td1">Nombre</td>
<td><input type="text" name="txtnombre"
value="<%out.println(oUsuario.getXNombre());%>"></td>
</tr>
<tr>
<td class="td1">Apellidos</td>
<td><input type="text" name="txtapellido" id="txtapellido"
value="<%out.println(oUsuario.getXApellido());%>"> </td>
</tr>
</table><br>
</div>
<div id="nav" align="center">
<br><br><br>
<input type="submit" name="btnAct" class="btnact" value="Actualizar">
<br><br><br>
</div>
</div>
</form>
<% }//Fin Else Btn Actualizar

} else { //Fin de If,Session ...Inicio Else No muestra Nada

}//Fin Else Session %>
<br>
<a href="PortadaSicop.jsp">Regresar</a>
</center>
</body>
</html>

MaBoRaK · 28-mar-2008, 14:52

loading.............

NADIE LO HARA POR TI. asi que te recomiendo comenzar con un tutorial para entender todo este rollo de AJAX, verás que es MUY SENCILLO.

Aqui el tutorial: http://tutoriales.maborak.com/ajax/
También puedes visitar las FAQ del foro: FAQs del foro de Ajax

connection closed.

alexisad · 01-abr-2008, 07:30

MaBorak okkk , pero un favor , alguien tendra un ejemplo pero con formulario simple de
Nombre
Apellidos y ocnun submit ,mostrar unmensaje k ah sido guardado , please...

MaBoRaK · 01-abr-2008, 11:31

loading.............

Código:

<HTML>
<head>

<script type="text/javascript">
	var XMLHttpObject = function()
	{
		try{
			var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch(e)
		{
			try
			{
				var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(e)
			{
				var xmlhttp = false;
			}
		}
		return (!xmlhttp && typeof XMLHttpRequest!='undefined')?
		new XMLHttpRequest():xmlhttp || new function(){};
	}
	var rpc = new XMLHttpObject();
	rpc.open("POST","ejemplo1_server.php",true);
	rpc.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        var username = document.getElementById('username').value;
// y así creas para los otros datos
	rpc.send(encodeURI("username="+username+"&otrovar=otra_variable"));
	rpc.onreadystatechange=function()
	{
		if(rpc.readyState===4)
		{
			alert(rpc.responseText);
		}
	}
</script></head><body>

AQUI TU FORMULARIO,
cada elemento (INPUT) debe tener un ID
por ejemplo

username: <input type="text" id="username" >

</body>
</HTML>

Ahora bien luego bajas firebug ( http://getfirebug.com ) si no usas firefox para desarrollo PUEDES MORIR EN PAZ.

en la pestaña CONSOLE, podrás ver las variables que envias por POST y bueno... ya en tu pagina jsp caturas las variables POST y bueno.. creo que eso es todo.

connection closed.

28-mar-2008, 13:22	#1 (permalink)
alexisad Fecha de Ingreso: marzo-2008 Ubicación: Peru Mensajes: 8	Ajax en Java Web Hola a todos. necesito una ayuda urgente. aui esta mi formulario el problemas es que cuando quiero hacer click .va a la misma pagina .jsp. no kiero que se actualize toda la pagina , quiero aplicar ajax. pero nose como hacerlo , espero alguien me pueda ayudar gracias.. mi correo es alexis.ad@hotmailcom espero su ayuda pronto. gracias. saludos a los participantes de Foros del Web..bye Mi codigo de mi pagina jsp es................. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script language="javascript" type="text/javascript" src="js/jsNiftycubeNuevoUsuario.js"></script> <% String miusuario =(String)session.getAttribute("Usuario");%> <% if (miusuario==null){%><jsp:forward page="index.jsp"></jsp:forward><%} clUsuario oUsuario = new clUsuario(miusuario);%> <title>Usuario <%out.println(miusuario);%> </title> <link rel="stylesheet" type="text/css" href="css/UsuarioUpdate.css"> <script type="text/javascript"> window.onload=function(){ Nifty("div#content,div#nav","same-height"); } </script> </head> <body> <center> <% if(request.getParameter("session")!=null){ //SInicio If Session i hay el Paramettro Session if (request.getParameter("btnAct")!=null){ //Inicio Ejecutara Cuando Presione en el Boton Actualizar //Actualizamos los Datos del Usuario try{ oUsuario.setXNombre(request.getParameter("txtnombr e")); oUsuario.setXApellido(request.getParameter("txtape llido")); oUsuario.setXPassword(request.getParameter("txtpas sword")); int act=0; act = oUsuario.ActulizaUsuario();%> <table bgcolor="#FFBD00" width="700px"> <tr> <td>Datos del usuario <%out.println(miusuario);%> se actualizo correctamente.</td> </tr> </table><br> <a href="UsuarioUpdate.jsp?session=<%out.println(mius uario);%>"> Volver a Editar</a> <%}catch(Exception e){ // out.println("Error " + e.getMessage()); } //Fin If Btn Actualizar }else{//Inicio Else Btn Actualizar. //Aki va el Formulario%> <form name="frmuserupdate" method="get" action="UsuarioUpdate.jsp"> <input type="hidden" name="session" value="<%out.println(miusuario);%>"> <div id="container"> <div id="content" align="center"> <table border="0"> <tr> <td colspan="2"><h1>Datos del Usuario</h1></td> </tr> <tr> <td>Session</td> <td><h2><%out.println(miusuario);%></h2></td> </tr> <tr> <td class="td1">Password</td> <td><input type="password" name="txtpassword" value="<%out.println(oUsuario.getXPassword());%>"> </td> </tr> <tr> <td class="td1">Rep Password</td> <td><input type="password" name="txtreppassword" value="<%out.println(oUsuario.getXPassword());%>"> </td> </tr> <tr> <td class="td1">Nombre</td> <td><input type="text" name="txtnombre" value="<%out.println(oUsuario.getXNombre());%>"></td> </tr> <tr> <td class="td1">Apellidos</td> <td><input type="text" name="txtapellido" id="txtapellido" value="<%out.println(oUsuario.getXApellido());%>"> </td> </tr> </table><br> </div> <div id="nav" align="center"> <br><br><br> <input type="submit" name="btnAct" class="btnact" value="Actualizar"> <br><br><br> </div> </div> </form> <% }//Fin Else Btn Actualizar } else { //Fin de If,Session ...Inicio Else No muestra Nada }//Fin Else Session %> <br> <a href="PortadaSicop.jsp">Regresar</a> </center> </body> </html>

28-mar-2008, 14:52	#2 (permalink)
MaBoRaK Fecha de Ingreso: abril-2003 Ubicación: La Paz - Bolivia Mensajes: 1.713	Re: Ajax en Java Web loading............. NADIE LO HARA POR TI. asi que te recomiendo comenzar con un tutorial para entender todo este rollo de AJAX, verás que es MUY SENCILLO. Aqui el tutorial: http://tutoriales.maborak.com/ajax/ También puedes visitar las FAQ del foro: FAQs del foro de Ajax connection closed. __________________ maborak@maborak.com http://www.maborak.com Maborak technologies

01-abr-2008, 07:30	#3 (permalink)
alexisad Fecha de Ingreso: marzo-2008 Ubicación: Peru Mensajes: 8	Re: Ajax en Java Web MaBorak okkk , pero un favor , alguien tendra un ejemplo pero con formulario simple de Nombre Apellidos y ocnun submit ,mostrar unmensaje k ah sido guardado , please...

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado