Использование AJAX для отправки данных в базу данных PHP, а затем обновление

-4

В настоящее время у меня есть кнопка:

<ul>
    <li><button onclick="display('1')">1</button></li>
    <li><button onclick="display('2')">2</button></li>
    <li><button onclick="display('3')">3</button></li>
</ul>

Это при нажатии вызывает функцию javascript и отображает PHP, на основе которой нажата кнопка AJAX. Я все это понял сам. AJAX получает файл PHP с запросом postgres, который выводит таблицу данных в div.

Теперь я хочу иметь возможность добавлять через форму новые данные и обновлять их (без перезагрузки страницы, yannknow?). Я пробовал пару вещей и каждый раз попадал в блокпосты.

Моя первоначальная идея заключалась в том, чтобы форма передавала данные с помощью функции javascript и AJAX, а затем вызывала мою функцию " display() " после запроса, чтобы перезагрузить контент. Я просто не могу понять это с помощью GoogleFu.

Основываясь на моей текущей идее, я хотел бы помочь в следующем:

  1. Как передать данные формы в функцию javascript.
  2. Как использовать POST для передачи этих данных на PHP с помощью AJAX?

Я супер новичок в javascript и AJAX. Я посмотрел в jquery, так как кажется, что это путь, но я не могу понять это. Если есть лучший способ сделать это, я открыт для предложений. Прошу простить любое неправильное использование номенклатуры.

EDIT: Как только я решаю эту проблему..., у меня будут все инструменты, необходимые для окончательного завершения проекта.

  • 2
    Что вы пробовали?
  • 0
    Когда вы делаете свой начальный ajax-запрос, вам нужно сохранить row_count на сервере. Когда отправляется другой почтовый запрос, compare the rows stored against the new rows . Отправьте новые строки на сервер и используйте $.append() чтобы добавить данные в таблицу в функции success: function запроса AJAX.
Показать ещё 1 комментарий
Теги:

2 ответа

1
Лучший ответ

Этот пример копируется непосредственно из документов API jQuery для $.post. Когда вы сомневаетесь, первое место, которое нужно посмотреть, находится в API

http://api.jquery.com/jQuery.post/

Пример: отправьте данные формы с помощью запросов ajax

$.post("test.php", $("#testform").serialize(), function(data){
   /* success- do something with returned data*/
});

Теперь расширяем концепцию и завершаем запись в обработчике отправки для формы

$("#testform").submit(function(){
/* code from above, changing form selector to "this" */
  $.post("test.php", $(this).serialize(), function(data){
       /* success- do something with returned data*/
    });    
/* prevent browser default submit*/
  return false;
})
Поделиться
  • 0
    #testform в этом примере будет в <form> , да?
  • 0
    Я добавил обработчик отправки для вас. Используйте только почтовую версию, если у вас нет кнопки подтверждения нажатия, используйте вторую версию, чтобы пользователь отправил форму
Показать ещё 2 комментария
0

Обратитесь к методу jQuery.post. Он делает то, что вы хотите (отправляет запрос AJAX с данными POST).

Чтобы захватить значения из входов, используйте метод val() для узлов, имеющих значение (textarea, input,..)

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню