Функция AJAX для заполнения текстовых полей на основе выпадающего списка

Question

Я не так много делал на Ajax раньше, и мне было интересно, смогу ли я сделать это с помощью jQuery.

Это то, что у меня есть на данный момент:

• Таблица базы данных «аэропорты» - содержит идентификатор, название, город, почтовый индекс
• Раскрывающийся список с названиями аэропортов (записи генерируются из базы данных)
• 3 поля формы (имя, город, почтовый индекс)

Я хочу, чтобы в раскрывающемся списке можно было выбрать аэропорт, а в поля адреса должны быть введены соответствующие данные.

Может ли кто-нибудь дать мне руководство о том, как мне поступить?

Answer 1

Что вам нужно сделать, это после того, как пользователь выберет аэропорт.

.сделайте ajax-вызов на сервер, который затем запустит выборку в вашей базе данных, где id = yourValue

, а затем, скажем, вы получите данные.вы вставляете значения в объект с именем airport, который обладает всеми необходимыми вам свойствами. Тогда ответом вашего сервера клиенту будет строка json, которую вы сериализуете из вашего объекта airport.нужно использовать свойства в объекте json, чтобы заполнить эти текстовые поля ..

Answer 2

jQuery можно использовать для прослушивания события select в выпадающем меню, извлечения информации через запрос и заполнения полей. На стороне сервера правильная информация должна быть возвращена в хорошем формате, таком как JSON.

$('select').change(function(){
 $.ajax({
   type: "POST",
   url: "some.php",
   data: {id: this.find(':selected').val()},
   dataType: json,
   success: function(data){
    //fill the fields
   }
 });
});

Я не проверял это, поэтому не копируйте и не вставляйте его. Это только для иллюстрации.

http://api.jquery.com/category/ajax/