Foros del Web - Ver Mensaje Individual - problemas para crear un abm usando ajax con jquery

tredio · #4 (**permalink**) 17/12/2010, 19:18

aca te prepare un ejemplo de como podrias hacerlo, no tengo php instalado asi que no lo pude probar, pero por ahi va la cosa:

index.php

Código PHP:

Ver original<head>
    <title>Prueba</title>
    <style>
        #listado{width:200px;}
    </style>
    
    <script type="text/javascript">
        $(document).ready(function(){
                var actualizar = function(){
                    $.post('insertar.php',{
                        accion:'actualizar'
                    },function(respuesta){
                        var tabla = $('<table/>').appendTo('#listado');
                        for( var i=0; i<respuesta.length; i++){
                            var fila = $('<tr/>').appendTo(tabla);
                            var id = $('<tr/>').text(respuesta[i][0]).appendTo(fila);   
                            var nombre = $('<tr/>').text(respuesta[i][1]).appendTo(fila);   
                        }
                    });     
                }
            
                $('#enviar').click(function(){
                    var nombre =$.trim($('#nombre').val());
                    if(nombre != ''){
                        $.post('insertar.php',{
                            accion:'insertar',
                            nombre:nombre   
                        },function(respuesta){
                            if(respuesta){
                                alert('el registro fue insertado correctamente')    ;
                                actualizar();
                            }
                        }); 
                    }else{
                        alert('el nombre no debe estar vacio'); 
                    }
                                        return false;
                });
                
                actualizar();
        });
    </script>
</head>
 
<body>
    <form action="inserta.php" method="get">
        <input type="text" name="nombre" id="nombre"/>
        <input type="submit" value="+" id="enviar"/>
    </form>
    <div id="listado"></div>
</body>

insertar.php

Código PHP:

Ver original<?php 
require_once("conexion.php");
 
$accion = $_REQUEST['accion'];
 
if($accion == 'actualizar'){
    $sql = 'SELECT * FROM registros';   
    $res=mysql_query($sql,$conect);
    $arreglo = '';
    while($reg=mysql_fetch_array($respuesta)){
        $arreglo[] = array($row['id'],$row['nombre']);
    }
    echo json_encode($arreglo);
}elseif ($accion == 'insertar'){
    $sql = 'INSERT INTO registros values(null, '.$_REQUEST['nombre'].')';   
    $res=mysql_query($sql,$conect);
    echo json_encode(true);
}else{
    echo 'Accion invalida';
}
 
?>