использовать ajax с существующей формой

Я хотел бы обработать эту форму с помощью ajax, но мне не совсем понятно, как я должен обрабатывать данные перед отправкой. Это моя форма, это модуль механизма выражений, который выводит это, поэтому я не знаю, что произойдет с функцией php:

<form id="bookmark_form_entry_106" class="bookmark_form" name="bookmark_form" method="post" action="http://mysite.com//S=1b73e2e22729ccf0613b758ecc7e2631fab28745/">

<div class="hiddenFields">
<input type="hidden" name="XID" value="438068dba50235d9992e1492a6171e892f7bac60">
<input type="hidden" name="ACT" value="50">
<input type="hidden" name="RET"     value="http://mysite.com/S=1b73e2e22729ccf0613b758ecc7e2631fab28745/video/esegui_slq_1">
<input type="hidden" name="type" value="entry">
<input type="hidden" name="data_id" value="106">
<input type="hidden" name="site_id" value="3">
</div>


<input type="submit" value="add bookmark">

</form>

Я буду использовать jQuery $.ajax(); но я не знаю, как обрабатывать данные формы:

$.ajax({  
type: "POST",  
url: "http://mysite.com//S=1b73e2e22729ccf0613b758ecc7e2631fab28745/",  // is this correct?
data: ,  // what data should go there?
success: function() {  
 // wohoo, this works! 
}  
});

Я новичок в формах, поэтому я не уверен, нужно ли мне знать больше о том, как сценарий POST будет обрабатывать мои данные, или достаточно знать, что находится внутри самой формы.

Мне также любопытно, как я могу проверить это с помощью веб-инспектора (или firebug). Спасибо!


forms jquery ajax web-inspector firebug
person Daniele    schedule 20.09.2012    source источник
comment
почему вы используете jQuery? Я имею в виду, вам явно нужно это сделать? форма должна просто отправить себя через сообщение с простым html...   -  person Onheiron    schedule 20.09.2012
comment
Я хотел бы использовать ajax для его отправки, потому что форма обрабатывает подобную запись, и мне кажется бесполезной перезагрузка страницы. Более того, есть раздражающая страница сообщения, которая сообщает, что отправка прошла успешно :(.   -  person Daniele    schedule 20.09.2012

Ответы (2)


arrow_upward
3
arrow_downward

Чтобы получить данные, вам понадобится функция сериализации jQuery ( http://api.jquery.com/serialize/< /а> ).

var data = $('#form_id').serialize()

Тогда просто используйте переменную data в своем вызове AJAX!

В зависимости от того, как именно вы обрабатываете отправку формы, вы, вероятно, сможете использовать переменную $(this) как форму, которая была отправлена.

Таким образом, хорошим способом построения вашего вызова будет:

$.ajax({  
type: "POST",  
url: $(this).attr('action'),  // read the action attribute of the form
data: $(this).serialize(),  // what data should go there?
success: function() {  
 // wohoo, this works! 
}  
});
person manavo    schedule 20.09.2012

arrow_upward
0
arrow_downward

на data используйте $('#bookmark_form_entry_106').serialize() для установки значений сообщений

$.ajax({  
    type: "POST",  
    url: "http://mysite.com//S=1b73e2e22729ccf0613b758ecc7e2631fab28745/",  // is this correct?
    data: $('#bookmark_form_entry_106').serialize(),  // what data should go there?
    success: function() {  
     // wohoo, this works! 
    }  
});
person Muthu Kumaran    schedule 20.09.2012