Insertar tabla con ajax y mysql

DJJJ · #1 (**permalink**) 18/05/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 · #2 (**permalink**) 18/05/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 · #3 (**permalink**) 18/05/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 · #4 (**permalink**) 19/05/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 · #5 (**permalink**) 19/05/2008, 11:27

muchisimas gracias gatorV, peguntando uno aprende

Gracias tambien a albertcito

Saludos.

nixspatin · #6 (**permalink**) 22/07/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