¿Cómo insertar datos en el campo sin actualizar?

Question

Necesito saber cómo puedo añadir los datos de la base de datos sin actualizar el campo? Quiero decir simplemente como el trabajo de Agregar contactos en el correo electrónico. Si hago clic en el botón 'Agregar', necesito abrir una pequeña ventana y contactos dentro de ella. Si selecciono uno o dos contactos y presiono Insertar, debería insertarse en el campo 'Para' sin refrescar la página principal .. !!

¿Cómo puedo hacer que en PHP o JavaScript? Por favor me ayude :)

Answer 1

Tendrá que usar ajax para hacerlo. Ajaxform es un excelente complemento para agregar dinámicamente datos a una página desde un formulario. También puedes usar $ .ajax desde jquery. http://jquery.malsup.com/form/#ajaxForm

$(document).ready(function() { 
    var options = { 
     target:  '#output1', // target element(s) to be updated with server response 
     beforeSubmit: showRequest, // pre-submit callback 
     success:  showResponse // post-submit callback 

     // other available options: 
     //url:  url   // override for form's 'action' attribute 
     //type:  type  // 'get' or 'post', override for form's 'method' attribute 
     //dataType: null  // 'xml', 'script', or 'json' (expected server response type) 
     //clearForm: true  // clear all form fields after successful submit 
     //resetForm: true  // reset the form after successful submit 

     // $.ajax options can be used here too, for example: 
     //timeout: 3000 
    }; 

    // bind form using 'ajaxForm' 
    $('#myForm1').ajaxForm(options); 
}); 

o ajax regulares

$.ajax({ 
    url : url, 
    data : {name : name} 
    dataType : 'json', 
    success : function(data) {} 
}); 

Answer 2

Usted tiene que usar AJAX, que hoy se levanta sobre todo para Asynchronous JavaScript y JSON. Ya que parece ser nuevo en esto, me gustaría sugerir fuertemente el uso de una buena biblioteca AJAX como jQuery, YUI, Dojo, Prototype, etc Esto hará que su código mucho más fácil que hacerlo todo por sí mismo, y probablemente también mucho más portable a través navegadores. Busque tutoriales relacionados con jQuery, AJAX y PHP. He visto una buena charla de John Resig hace un tiempo que demostraba bastante lo que estás tratando de hacer con jQuery y PHP usando muy poco código. Lamentablemente, no recuerdo el título o el vínculo en este momento, pero debería poder encontrarlo sin problemas.

Answer 3

No acabo de entender su problema, pero creo que la operación dom puede resolver esto.

sólo echar un vistazo este ejemplo: http://jsfiddle.net/cyhello/Yfhrp/

espero que útiles. ¡Buena suerte!