Мне нужно знать, как я могу добавить данные из базы данных без обновления поля? Я имею в виду так же, как работу «Добавить контакты» в электронной почте. Если я нажму кнопку «Добавить», мне нужно открыть небольшое окно и контакты внутри него. Если я проверяю один или два контакта и вставляю вставки, его следует вставить в поле «Кому», не обновляя родительскую страницу .. !!
Как я могу сделать это в php или JavaScript? Пожалуйста, помогите мне 🙂
Для этого вам нужно использовать ajax. Ajaxform – отличный плагин для динамического добавления данных на страницу из формы. Вы можете использовать $ .ajax из 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); });
или регулярный ajax
$.ajax({ url : url, data : {name : name} dataType : 'json', success : function(data) {} });
Вы должны использовать AJAX, который сегодня стоит в основном для асинхронного JavaScript и JSON. Поскольку вы, похоже, новичок в этом, я бы настоятельно рекомендовал использовать хорошую библиотеку AJAX, такую как jQuery, YUI, Dojo, Prototype и т. Д. Это сделает ваш код намного проще, чем все это самостоятельно, и, вероятно, также гораздо более переносится через браузеры. Поиск учебников, связанных с jQuery, AJAX и PHP. Некоторое время назад я хорошо знаком с Джоном Ресигом, который демонстрировал в значительной степени то, что вы пытаетесь сделать с jQuery и PHP, используя очень маленький код. К сожалению, я не могу вспомнить название или ссылку прямо сейчас, но вы можете найти ее без проблем.
Я не могу понять вашу проблему, но я думаю, что операция dom может решить эту проблему.
Просто взгляните на этот пример: http://jsfiddle.net/cyhello/Yfhrp/
Надеюсь, это полезно. Удачи!