обработка формы jQuery

Question

Кто-нибудь знает о простом jQuery-учебнике по обработке форм, который действительно работает?

У меня есть форма, которую я хочу обработать через jQuery / Ajax, нет ничего сложного в PHP, но в jQuery и AJAX я могу заставить ее работать - нет, все учебные пособия основаны на отправке электронной почты (или просто списки других списков больше списков учебных пособий - ненавижу их)

Все, что я хочу сделать, - это узнать, как отправить форму через jQuery и AJAX на другую страницу, сохранить данные в БД без необходимости покидать первую страницу. Я перепробовал все виды, но ничего не работает должным образом. Вот моя форма:

<form id="form">
<input type="text" name="abc" />
<input type="text" name="def"/>
<input type="text" name="ghi"/>
<input type="submit" name="try" id="try" />
</form>

Теперь, что я на самом деле делаю? Звучит глупо, я знаю (и я думаю, я получу еще одну звезду за этот вопрос), но я буду честен, ХОРОШИЙ простой простой урок был бы действительно полезным не только для меня, но и для других. Я знаю php, но jQuery / Ajax - просто не знаю / не понимаю. Я не буду один

Answer 1

Эта ссылка является справочным пособием по отправке форм через jQuery / AJAX. Отправьте форму на страницу PHP для обработки данных формы.

Короче говоря, ваш код jQuery будет выглядеть примерно так:

$("#form").submit( function()
{
    // Handle validation or any extra data here.
    // Return true if validation passed and the data should be posted
    // Return false if the form should not be submitted

    // You can also do any extra work here that you like before returning,
    // including changing something on the page or showing the user a message.
}

Answer 2

Для этого есть плагин для взлома:

http://plugins.jquery.com/project/form/

Это так же просто, как:

$('#myForm').ajaxForm(function() { 
    alert("Thank you for your comment!"); 
}); 

Answer 3

Это один из хороших уроков о том, как отправлять формы с использованием ajax и php .