Comunidad de diseño web y desarrollo en internet online

Query en PHP y Actionscript para no refrescar pagina y sin usar Ajax

Citar            
MensajeEscrito el 28 May 2011 05:51 am
Quiero que me digan si es valido hacer esto o de que manera se puede hacer si existe.

Código ActionScript :

<script type="javascript">
function guardar()
{
  <?
     //codigo en php para realizar el guardado
  ?>
}
</script>


Código HTML :

<html>
<body>
<input type="button" onclick="guardar()">
</body>
</html>




Como ven el boton manda a llamar una funcion javascript pero dentro de este tiene un codigo en php. Un dia lo medio prove y lo que paso fue que al cargar la pagina ejecuto el codigo de php ignorando que esta dentro de una funcion javascript y ya no le segui moviendo para ver si se podia hacer lo que queria (realizar querys sin postback o mas correcto sin reflejar el parpadeo de la pagina sin ajax ^^ )

Por pedroqv

5 de clabLevel



 

chrome
Citar            
MensajeEscrito el 28 May 2011 01:42 pm
Amigo. PHP se ejecuta del lado del servidor. Para cuando tú ves la página, todo el código PHP de la misma ya se ejecutó. Tú solo ves el resultado de esa ejecución.

Los navegadores no entienden de PHP.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 10 Jun 2011 05:31 am
YA LO SE, PERO MUCHAS VECES UNA PAGINA SE REFRESCA ASI MISMO PARA IR POR MAS DATOS, PERO YO QUIERO EVITAR QUE EL USUARIO VEA EL POST-BACK PARA TRAER ESOS DATOS.

YO ESO LO HE MANEJADO TRAYENDOME TODOS LOS DATOS DESDE LA PRIMERA CARGA DE LA PAGINA Y TODO LO DEMAS LOS HAGO CON EL USO DE JAVASCRIPT. PERO TE VOY A PONER UN CASO, EN FACEBOOK TU VERAS QUE DE REPENTE TE APARECE UN MENSAJE SIN DARTE CUENTA QUE LA PAGINA REALIZO UN POST-BACK Y A ESO ME REFIERO, AUNQUE ME IMAGINO QUE ESO YA ES USO DE LIBRERIAS MAS AVANZADAS.

SALUDOS

Por pedroqv

5 de clabLevel



 

chrome
Citar            
MensajeEscrito el 10 Jun 2011 12:54 pm
No conozco facebook así que no sé a qué te refieres exactamente.

Cualquier "librería" (biblioteca en realidad) por muy avanzada que sea solo tiene dos métodos para traer datos del servidor: GET y POST. O lo haces recargando la página o lo haces mediante petición ajax. No hay otra forma.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 10 Jun 2011 10:28 pm
Utiliza la libreria JQuery con el metodo $.get o $.post y esta te devolvera el callback que trae desde el sitio a el que consultaste. cual es el cuento.

Por talcual

686 de clabLevel



 

Colombia

firefox
Citar            
MensajeEscrito el 11 Jun 2011 08:09 pm
Voy a probar usando la libreria JQuery para ver si puedo refrescar cierta parte de la pagina y no toda que es de lo que se trata ese post. Anteriormente yo habia trabajado en un projecto en Asp.net y utilizando una libreria AjaxTool kit algo asi, poniendo unas etiquetas al inicio y al final de la pagina hacia que la pagina no mostrar el post-back permanecia como si fuera una aplicacion de windows.

saludos

Por pedroqv

5 de clabLevel



 

chrome
Citar            
MensajeEscrito el 11 Jun 2011 10:02 pm
pedroqv dime , el AjaxTool kit, te permitia usar el boton de "ir a la pagina Anterior" ? un ejemplo funcional de lo que quieres hacer es gmail como te mencionaron todo se resume en GET y POST, bueno para depuara algo te recomendaria usar, firefox con su plugin Firebug , la cual tiene una pestaña para monitorear las petciones que hace alguna pagina (no es por hacer publicidad jeje solo es que me a resuelto la vida en muchas cosas)

Por tuadmin

Claber

598 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 12 Jun 2011 02:40 am
O sea, usarás ajax...

tuadmin: en Opera usas DragonFly.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 15 Jun 2011 04:40 am
Me encontré un articulo donde habla sobre lo que busco.

Ajax is not even really a technology at all.
Ajax is merely a term to describe the process of using the JavaScript-based XMLHttpRequest
object to retrieve information from a web server in a dynamic manner (asynchronously).
Internet request/response model using Ajax’s asynchronous methodology; multiple
server requests can be made from the page without need for a further page refresh.

Ahora falta probarlo :D

Por pedroqv

5 de clabLevel



 

chrome
Citar            
MensajeEscrito el 16 Jun 2011 05:27 am
Y ESTE FUE MI CODIDO. [SOLUCIONADO]

Código ActionScript :

<script language="javascript" type="text/javascript">
//Create a boolean variable to check for a valid Internet Explorer instance.
var xmlhttp = false;
//Check if we are using IE.
try {
//If the Javascript version is greater than 5.
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
//alert ("You are using Microsoft Internet Explorer.");
} catch (e) {
//If not, then use the older active x object.
try {
//If we are using Internet Explorer.
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
//alert ("You are using Microsoft Internet Explorer");
} catch (E) {
//Else we must be using a non-IE browser.
xmlhttp = false;
}
}
//If we are using a non-IE browser, create a javascript instance of the object.
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
xmlhttp = new XMLHttpRequest();
//alert ("You are not using Microsoft Internet Explorer and is necesary");
}

//funcion que se trae la informacion
function makerequest(serverPage, objID) {
var obj = document.getElementById(objID);
xmlhttp.open("GET", serverPage);

    xmlhttp.onreadystatechange = function() 
    {       
        if (xmlhttp.readyState == 4 )
              obj.innerHTML = xmlhttp.responseText;        
        else 
            obj.innerHTML = "Cargando...";    
}
xmlhttp.send(null);
}

//-->
</script>


Código HTML :

<input type="button" onclick="makerequest('content1.html','hw');" value="Page 1"> | 
<input type="button" onclick="makerequest('content2.html','hw');" value="Page 2"> |
<a href="Javascript: //" onclick="makerequest('content3.html','hw');">Page 3</a> |
<a href="Javascript: //" onclick="makerequest('content4.html','hw');">Page 4</a>
<a href="Javascript: //" onclick="makerequest('pri.php','hw');">Page 5</a>

Por pedroqv

5 de clabLevel



 

chrome
Citar            
MensajeEscrito el 16 Jun 2011 05:27 am
Y ESTE FUE MI CODIDO. [SOLUCIONADO]

Código ActionScript :

<script language="javascript" type="text/javascript">
//Create a boolean variable to check for a valid Internet Explorer instance.
var xmlhttp = false;
//Check if we are using IE.
try {
//If the Javascript version is greater than 5.
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
//alert ("You are using Microsoft Internet Explorer.");
} catch (e) {
//If not, then use the older active x object.
try {
//If we are using Internet Explorer.
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
//alert ("You are using Microsoft Internet Explorer");
} catch (E) {
//Else we must be using a non-IE browser.
xmlhttp = false;
}
}
//If we are using a non-IE browser, create a javascript instance of the object.
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
xmlhttp = new XMLHttpRequest();
//alert ("You are not using Microsoft Internet Explorer and is necesary");
}

//funcion que se trae la informacion
function makerequest(serverPage, objID) {
var obj = document.getElementById(objID);
xmlhttp.open("GET", serverPage);

    xmlhttp.onreadystatechange = function() 
    {       
        if (xmlhttp.readyState == 4 )
              obj.innerHTML = xmlhttp.responseText;        
        else 
            obj.innerHTML = "Cargando...";    
}
xmlhttp.send(null);
}

//-->
</script>


Código HTML :

<input type="button" onclick="makerequest('content1.html','hw');" value="Page 1"> | 
<input type="button" onclick="makerequest('content2.html','hw');" value="Page 2"> |
<a href="Javascript: //" onclick="makerequest('content3.html','hw');">Page 3</a> |
<a href="Javascript: //" onclick="makerequest('content4.html','hw');">Page 4</a>
<a href="Javascript: //" onclick="makerequest('pri.php','hw');">Page 5</a>

Por pedroqv

5 de clabLevel



 

chrome
Citar            
MensajeEscrito el 16 Jun 2011 05:28 am
Y ESTE FUE MI CODIDO. [SOLUCIONADO]

Código ActionScript :

<script language="javascript" type="text/javascript">
//Create a boolean variable to check for a valid Internet Explorer instance.
var xmlhttp = false;
//Check if we are using IE.
try {
//If the Javascript version is greater than 5.
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
//alert ("You are using Microsoft Internet Explorer.");
} catch (e) {
//If not, then use the older active x object.
try {
//If we are using Internet Explorer.
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
//alert ("You are using Microsoft Internet Explorer");
} catch (E) {
//Else we must be using a non-IE browser.
xmlhttp = false;
}
}
//If we are using a non-IE browser, create a javascript instance of the object.
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
xmlhttp = new XMLHttpRequest();
//alert ("You are not using Microsoft Internet Explorer and is necesary");
}

//funcion que se trae la informacion
function makerequest(serverPage, objID) {
var obj = document.getElementById(objID);
xmlhttp.open("GET", serverPage);

    xmlhttp.onreadystatechange = function() 
    {       
        if (xmlhttp.readyState == 4 )
              obj.innerHTML = xmlhttp.responseText;        
        else 
            obj.innerHTML = "Cargando...";    
}
xmlhttp.send(null);
}

//-->
</script>


Código HTML :

<input type="button" onclick="makerequest('content1.html','hw');" value="Page 1"> | 
<input type="button" onclick="makerequest('content2.html','hw');" value="Page 2"> |
<a href="Javascript: //" onclick="makerequest('content3.html','hw');">Page 3</a> |
<a href="Javascript: //" onclick="makerequest('content4.html','hw');">Page 4</a>
<a href="Javascript: //" onclick="makerequest('pri.php','hw');">Page 5</a>

Por pedroqv

5 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.