Foros del web, para los que viven de bits

DJJJ · 18-may-2008, 14:50

Hola a todos

tengo el siguiente problema quiero insertar unos datos en la base de datos con ajax y busque busque y busque y no encuentro ningun ejemplo parecido lo que encuentro es insertar a una datos a una base pero mediante un form.

lo que yo quiero es lo siguiente.

tengo el siguiente index

Código HTML:

<html>
<a href ="insertar.php?nombre=thalia&cancion=pielmorena.mp3&ruta=archivos/thaliapielmorena">insertar</a>
</html>

archivo Insertar.php

Código PHP:


			
<?

$cnx = mysql_connect("servidor", "usuario", "password") or die("$msg[16]");

$sdb = mysql_select_db("usuarios") or die("$msg[17]");

$qry = "INSERT INTO $usuario (nombre,cancion,ruta) VALUES('$nombre','$cancion','$ruta')"; 

$res = mysql_query($qry) or die("$msg[18]");

?>

pero hacerlo con ajax

alguien puede ayudarme

saludos a todos.

albertcito · 18-may-2008, 18:13

Yo creo que solo debes cambiar el html asi:

Código HTML:

<html>
<head>
<script type="text/javascript">
var obj;

function ProcessXML(url) {
  // native  object

  if (window.XMLHttpRequest) {
    // obtain new object
    obj = new XMLHttpRequest();
    // set the callback function
    obj.onreadystatechange = processChange;
    // we will do a GET with the url; "true" for asynch
    obj.open("GET", url, true);
    // null for GET with native object
    obj.send(null);
  // IE/Windows ActiveX object
  } else if (window.ActiveXObject) {
    obj = new ActiveXObject("Microsoft.XMLHTTP");
    if (obj) {
      obj.onreadystatechange = processChange;
      obj.open("GET", url, true);
      // don't send null for ActiveX
      obj.send();
    }
  } else {
    alert("Your browser does not support AJAX");
  }
}


function processChange() {
    // 4 means the response has been returned and ready to be processed
    if (obj.readyState == 4) {
        // 200 means "OK"
        if (obj.status == 200) {
                     alert("Listo Insertado");
            // process whatever has been sent back here:
        // anything else means a problem
        } else {
            alert("There was a problem in the returned data:\n");
        }
    }
}

</script>
</head>
<body>

.....
<a href ="javascript:ProcessXML('insertar.php?nombre=thalia&cancion=pielmorena.mp3&ruta=archivos/thaliapielmorena')">insertar</a>
....
</body>
</html>

La función la saque de esta pagina:
http://code.google.com/edu/ajax/tuto...-tutorial.html

eso sería

DJJJ · 18-may-2008, 20:09

Mil gracias albertcito

funciona de maravillas, el codigo que pusiste

ahora mira yo estube investigando un poco y llegue a este codigo

Código HTML:

<script type="text/javascript">
function getDataServer(url, vars){
     var xml = null;
     try{
         xml = new ActiveXObject("Microsoft.XMLHTTP");
     }catch(expeption){
         xml = new XMLHttpRequest();
     }
     xml.open("GET",url + vars, false);
     xml.send(null);
     if(xml.status == 404) alert("Url no valida");
     return xml.responseText;
}
</script>

<script type="text/javascript">
function inserta(id){
    var error = getDataServer(id);
    if(error){
        alert(error);
    }
    else{

    }
}
</script>



<body>
    <div id="div_1"><a href="javascript:inserta('insert.php?usuario=andreita&ruta=servidor.php&tema=thalia')">thalia</a> - Argentina</div>
</body>

pero en el momento de ver lo inesrtado

me inserta los datos
pero me pone al lado en la base de datos

por ejemplo
en el campo de tema

me pone

thaliaundefined en lugar de poner solo thalia

porque podra ser ???

igual el codigo que pusiste funciona pero me quedo la duda con este otro, alguien sabra porque???

GatorV · 19-may-2008, 08:28

Hola DJJJ,

Eso pasa ya que tu función getDataServer, espera que le pases un segundo parámetro que son las variables, al tu no pasarle nada de datos, te muestra el undefined.

Saludos.

DJJJ · 19-may-2008, 11:27

muchisimas gracias gatorV, peguntando uno aprende

Gracias tambien a albertcito

Saludos.

nixspatin · 22-jul-2008, 09:28

che, lei este post que me fue de re ayuda, pero tengo una duda con respecto a si yo tengo que insertar varias variables.

osea, como tendria que escribir:

div id="div_1"><a href="javascript:inserta('insert.php?usuario=andre ita&ruta=servidor.php&tema=thalia')">thalia</a> - Argentina</div>

osea, lo que explica gatorv no me queda claro

18-may-2008, 14:50	#1 (permalink)
DJJJ Fecha de Ingreso: octubre-2005 Mensajes: 357	Insertar tabla con ajax y mysql Hola a todos tengo el siguiente problema quiero insertar unos datos en la base de datos con ajax y busque busque y busque y no encuentro ningun ejemplo parecido lo que encuentro es insertar a una datos a una base pero mediante un form. lo que yo quiero es lo siguiente. tengo el siguiente index Código HTML: <html> <a href ="insertar.php?nombre=thalia&cancion=pielmorena.mp3&ruta=archivos/thaliapielmorena">insertar</a> </html> archivo Insertar.php Código PHP: `<? $cnx = mysql_connect("servidor", "usuario", "password") or die("$msg[16]"); $sdb = mysql_select_db("usuarios") or die("$msg[17]"); $qry = "INSERT INTO $usuario (nombre,cancion,ruta) VALUES('$nombre','$cancion','$ruta')"; $res = mysql_query($qry) or die("$msg[18]"); ?>` pero hacerlo con ajax alguien puede ayudarme saludos a todos. __________________ DJJJ

18-may-2008, 20:09	#3 (permalink)
DJJJ Fecha de Ingreso: octubre-2005 Mensajes: 357	Respuesta: Insertar tabla con ajax y mysql Mil gracias albertcito funciona de maravillas, el codigo que pusiste ahora mira yo estube investigando un poco y llegue a este codigo Código HTML: <script type="text/javascript"> function getDataServer(url, vars){ var xml = null; try{ xml = new ActiveXObject("Microsoft.XMLHTTP"); }catch(expeption){ xml = new XMLHttpRequest(); } xml.open("GET",url + vars, false); xml.send(null); if(xml.status == 404) alert("Url no valida"); return xml.responseText; } </script> <script type="text/javascript"> function inserta(id){ var error = getDataServer(id); if(error){ alert(error); } else{ } } </script> <body> <div id="div_1"><a href="javascript:inserta('insert.php?usuario=andreita&ruta=servidor.php&tema=thalia')">thalia</a> - Argentina</div> </body> pero en el momento de ver lo inesrtado me inserta los datos pero me pone al lado en la base de datos por ejemplo en el campo de tema me pone thaliaundefined en lugar de poner solo thalia porque podra ser ??? igual el codigo que pusiste funciona pero me quedo la duda con este otro, alguien sabra porque??? __________________ DJJJ

19-may-2008, 08:28	#4 (permalink)
GatorV $this->role('moderador'); Fecha de Ingreso: mayo-2006 Ubicación: /home/ags/ Mensajes: 14.226	Respuesta: Insertar tabla con ajax y mysql Hola DJJJ, Eso pasa ya que tu función getDataServer, espera que le pases un segundo parámetro que son las variables, al tu no pasarle nada de datos, te muestra el undefined. Saludos. __________________ Blog Web

19-may-2008, 11:27	#5 (permalink)
DJJJ Fecha de Ingreso: octubre-2005 Mensajes: 357	Respuesta: Insertar tabla con ajax y mysql muchisimas gracias gatorV, peguntando uno aprende Gracias tambien a albertcito Saludos. __________________ DJJJ

22-jul-2008, 09:28	#6 (permalink)
nixspatin Fecha de Ingreso: mayo-2008 Mensajes: 85	Respuesta: Insertar tabla con ajax y mysql che, lei este post que me fue de re ayuda, pero tengo una duda con respecto a si yo tengo que insertar varias variables. osea, como tendria que escribir: div id="div_1"><a href="javascript:inserta('insert.php?usuario=andre ita&ruta=servidor.php&tema=thalia')">thalia</a> - Argentina</div> osea, lo que explica gatorv no me queda claro

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