traer pagina con ajax

junnior · #1 (**permalink**) 01/08/2010, 21:57

Estimados, necesito de su ayuda.

tengo mi pagina (padre) por la cual con el codigo ajax llamo a otra pagina dentro de un div (del padre).

el asunto es el siguiente como rescato los text de la pagina (hijo) para psarlos por el objeto ajax que lo tengo en mi pagina (padre), lo he intentado pero no me reconoce los parametros y me sale indefinido.

Espero haberme hecho entender.

desde ya gracias.

Adler · #2 (**permalink**) 02/08/2010, 07:42

Hola

Veamos tienes una página (A) y en div de esa página cargas otra página (B) y ahora quieres recoger los text. ¿Qué quieres decir con text?

Suerte

junnior · #3 (**permalink**) 02/08/2010, 11:18

Los text Los input (las caja de texto) de este formulario.

Los necesito recoger con ajax y procesarlos, pero no se como ya que el paggina (a) tengo otro formulario (conotro nombre) ahi cero drama, pero con la pagina (b) es donde me estoy quedando pegado.

Espero se entienda.

junnior · #4 (**permalink**) 02/08/2010, 11:24

te explico un poco mas la pagina que traigo en el div es asp, y tiene 2 select (combo box) y una lista que los conecto con la base de datos(sql) y quiero que al momento que le presione el boton ingresar estos sean tomados por el objeto ajax.

en el fono la pregunta es como tomo los datos del formulario de otra pagina (b) si el objeto co tengo en la pagina (a).

Me puedes ayudar.

Desde ya gracias.

ICCsoft · #5 (**permalink**) 02/08/2010, 11:31

Bueno si tienes campos o text concretos osea una cierta cantidad te recomiendo que simplimente hagas el llamado y tomes los valores normalmente, porque ya son parte de tu DOM osea ya estan dentro de la pagina. Y si tomas o haces llamado de sus valores tendria que devolverte los que se cargan en ese momento.

junnior · #6 (**permalink**) 02/08/2010, 12:27

es que ese es el problema no me reconoce el form que viene de la otra pagina menos la info, me sale indefinido.

Adler · #7 (**permalink**) 02/08/2010, 13:29

Hola

Intenta con esta pequeña prueba
x.html

Código Javascript:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml"lang="es" xml:lang="es">
<head>
<script type="text/javascript">
 var ns4 = (document.layers)? true:false
var ie4 = (document.all)? true:false
var ns6 = (document.getElementById)? true:false
 
function captura_objeto(idnombre) {
    if (ns6)
    {
    return document.getElementById(idnombre);
    }
    else if (ie4)
    {
    return document.all[idnombre];
    }
    else if (ns4)
    {
    return document.layers[idnombre];
    }
    else
    {
    return null;
    }
}
 
 
function creaAjax(){
    var ajaxs = ["Msxml2.XMLHTTP","Msxml2.XMLHTTP.4.0","Msxml2.XMLH TTP.5.0","Msxml2.XMLHTTP.3.0","Microsoft.XMLHTTP"];
    var ajax = false;
    for(var i=0 ; !ajax && i<ajaxs.length ; i++){
        try{ 
            ajax = new ActiveXObject(ajaxs[i]);   // Internet Explorer
        }
        catch(e) { 
            ajax = false; 
        }
    }
    if(!ajax && typeof XMLHttpRequest!='undefined') {
        ajax = new XMLHttpRequest();  // Firefox, Opera 8.0+, Safari
    }
    return ajax;
}
 
 
function TraeForm() {
var url = "xx.html"
var ajax=creaAjax();
var cargar = captura_objeto("cargando");
ajax.open('get',url,true);
ajax.onreadystatechange = function() {
 
        if (ajax==null){
        alert ("Tu navegador web no soporta AJAX!");
        return;
        }
 
        if (ajax.readyState==1 || ajax.readyState==2 || ajax.readyState==3) {
                                      cargar.innerHTML= "";
                 }
 
                 else if (ajax.readyState==4){
                               if(ajax.status==200){    
 
                if (ajax.responseText.length == 0 || ajax.responseText == null || ajax.responseText == 'undefined') {
                    cargar.innerHTML = 'No ha sido posible';
                } else {
                    cargar.innerHTML = ajax.responseText;
                }
                               }
 
            else if (ajax.status==404) {
                alert('La dirección no existe');
            } else {
                                        alert('Se ha producido un error');
            }
        }
}
    
    ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');    
    ajax.send(null);
            return
}
 
 
 
 
 
function MuestraDatos(val) {
var url = "x.asp"
var ajax=creaAjax();
var ensistema = captura_objeto("dentro");
ajax.open('POST',url,true);
ajax.onreadystatechange = function() {
 
        if (ajax==null){
        alert ("Tu navegador web no soporta AJAX!");
        return;
        }
 
        if (ajax.readyState==1 || ajax.readyState==2 || ajax.readyState==3) {
                                      ensistema.innerHTML= "";
                 }
 
                 else if (ajax.readyState==4){
                               if(ajax.status==200){    
 
                if (ajax.responseText.length == 0 || ajax.responseText == null || ajax.responseText == 'undefined') {
                    ensistema.innerHTML = 'No ha sido posible';
                } else {
                    ensistema.innerHTML = 'Bienvenido ' + ajax.responseText;
                }
                               }
 
            else if (ajax.status==404) {
                alert('La dirección no existe');
            } else {
                                        alert('Se ha producido un error');
            }
        }
}
    
    ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');    
    ajax.send('nom='+val[0].value);
            return
}
</script>
</head>
<body>
 
<form>
<input type="button" value="Traer Formulario" onclick="TraeForm()" />
</form>
 
<div id="cargando"></div>
<div id="dentro"></div>
</body>
</html>

xx.html

Código HTML:

Ver original<form>
Nombre: <input type="text" id="nombre" name="nombre" value="" />
<input type="button" value="Validar" onclick="MuestraDatos(this.form)" />
</form>

x.asp

Código ASP:

Ver original<%@LANGUAGE="VBSCRIPT"%>
<%
nombre = Request.Form("nom")
 
' tu conexión
 
SQL ="SELECT nombre FROM usuarios WHERE nombre = '"&nombre&"'"
set rs = oConn.Execute(SQL)
 
if not rs.eof = True Then
Response.Write rs.Fields("nombre")
'else
'Response.Write ""
end if
rs.Close
Set rs = Nothing
oConn.Close
Set oConn = Nothing
%>

Suerte

junnior · #8 (**permalink**) 02/08/2010, 14:06

me presenta un error a la hora que se valida el nombre

me puedes dar una direccion para enviarte mi codigo que es el de la pagina (b) la cual estoy llamando.

junnior · #9 (**permalink**) 02/08/2010, 14:08

ahora te envio mi codigo que es la pagina (b) que es la que llamo desde la pagina (a)

*********
<FORM name="frmDatos" id="frmDatos" method="post">
<table border="0" width="100%">

<tr>
<th colspan="6" class="transparent titulomenu" scope=col>
<input name="txtTitulo" value="Grouping - Functionality" class="transparent" >
<input name="cmpId" type="hidden" >
</th>

</tr>
<tr><td><blockquote></blockquote></td></tr>
<tr><td><blockquote></blockquote></td></tr>

<tr>
<td valign="top">Grouping</td>
<td valign="top">

<select name="Grouping" id="Grouping" class="select0">

<%
DIM Rs

SQL = "SELECT ID, DESCRIPTION FROM GROUPING"
' set Rs = Con.execute(sql)
set Rs = connBD.Execute(SQL)

DO WHILE NOT Rs.EOF
if cdbl(Rs("id")) = cdbl(request("id")) then
%>
<option value="<%=Rs("ID")%>" selected><%=Rs("DESCRIPTION")%>

<%
else
%>
<option value="<%=Rs("id")%>"><%=Rs("DESCRIPTION")%>
<%
end if
Rs.Movenext
loop
set Rs=nothing

%>

</select>
</td>

<td valign="top">Functionality</td>
<td valign="top">Assigned Functionality</td>
</tr>
<tr>
<td></td>
<td></td>
<td valign="top">
<select name="Functionality" multiple="multiple" size="10" id="Functionality" class="select2">

<%
SQL = "SELECT ID, DESCRIPTION FROM FUNCTIONALITY WHERE DESCRIPTION <> 'TO FINISH'"

set Rs = connBD.Execute(SQL)

DO WHILE NOT Rs.EOF
%>
<option value="<%=Rs("Id")%>"><%=Rs("DESCRIPTION")%>
<%
Rs.Movenext
loop
set Rs=nothing
%>
</select>
</td>
<td valign="top">
<div class="list2">

*********
espero se entienda desde ya gracias

junnior · #10 (**permalink**) 02/08/2010, 14:14

me faltan mas codigos pero no puedo cargarlos al parecer la pagina no me los quiere aceptar.

junnior · #11 (**permalink**) 02/08/2010, 14:16

y este es el codigo de la lagina (a) en el cual te traigo a la pagina (b)

function abreVentana( Id ){
//sirve
if( '<%=varUsuario%>' != '' ) {

MostrarCapa();
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null) {
alert ("Your browser does not support AJAX!");
return;
}

var url="G_Group_Func.asp?id=" + Id;
xmlHttp.onreadystatechange=xTraepagina;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
} else {
location.href = "G_index.asp";
}

}

function xTraepagina() {
if (xmlHttp.readyState==4) {
// alert(xmlHttp.responseText);
document.getElementById("desplieguepagina").innerH TML=xmlHttp.responseText;
}
}

junnior · #12 (**permalink**) 02/08/2010, 14:17

y mediante este div me la muestra

<div id="desplieguepagina" style="WIDTH: 70.32%; HEIGHT: 300px"></div>

Adler · #13 (**permalink**) 02/08/2010, 15:57

Cita:

Iniciado por junnior

me presenta un error a la hora que se valida el nombre

me puedes dar una direccion para enviarte mi codigo que es el de la pagina (b) la cual estoy llamando.

Para que no te muestre ese error. Una tabla con el nombre usuario y un campo con el nombre nombre. Así de sencillo

Suerte

junnior · #14 (**permalink**) 02/08/2010, 16:27

lo he cambiado, y me da aquel mensaje de error

junnior · #15 (**permalink**) 02/08/2010, 16:33

por casualidad has revisado mi codigo.......

Adler · #16 (**permalink**) 03/08/2010, 05:55

Hola

Cita:

Iniciado por junnior

lo he cambiado, y me da aquel mensaje de error

Acabo de probarlo y no da ningún error. Algo has de estar haciendo mal. ¿Qué error se levanta?

Suerte

junnior · #17 (**permalink**) 04/08/2010, 08:02

tienes toda la razon , era yo el del problema ya me funciono, el script que me enviaste.....

voy aplicarlo en mi pagina.