Когда мы вешаем аякс обработчик на кнопку submit, может возникнуть проблема из-за которой страница будет перезагружена и в адресную строку передадутся данные по методу GET-запрос, не смотря на то, что в type мы прописали POST.
Решается проблема довольно просто. Достаточно лишь предотвратить отправку формы используя preventDefault().
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
jQuery(function($){ // оборачиваем скрипт, чтобы в WP-шном jQuery работал $ $("#cfawp_1000").submit(function(e){ //клик по кнопке отправки формы. cfawp_1000 — это ID тега <form> e.preventDefault(); // предотвращаем отправку формы var data = $("#cfawp_1000").serializeArray(); // помещаем поля формы в массив json, для передачи в аякс обработчик jQuery.ajax({ // старт аякс обработки type: "POST", url: wlAjax.ajaxurl, data: data, success: function(){ alert(‘Передача успешна!’); } }); }); }); |
Особых пояснений, я полагаю, не требуется. Разве что по function(e). Это event, т.е событие. Т.е. первым аргументом в функцию-обработчик события отправляется ссылка на объект события. Или говоря совсем уж простым языком — тут у нас ссылка, переход по которой нам необходимо прервать.
