Инструменты пользователя
решения:взаимодействие_по_ajax
Различия
Здесь показаны различия между двумя версиями данной страницы.
| Предыдущая версия справа и слева Предыдущая версия | |||
|
решения:взаимодействие_по_ajax [2018/11/29 03:58] a1 [Передача запроса при отправке формы] |
решения:взаимодействие_по_ajax [2023/06/03 04:39] (текущий) gear |
||
|---|---|---|---|
| Строка 15: | Строка 15: | ||
| ''/assets/js/somebody.js'' | ''/assets/js/somebody.js'' | ||
| <code javascript> | <code javascript> | ||
| - | $('[data-action="sombody.action"]').on('submit', function(e){ | + | document.querySelector('[data-action="sombody.action"]').addEventListener('submit', (e)=>{ |
| e.preventDefault(); //исключаем действие по умолчанию | e.preventDefault(); //исключаем действие по умолчанию | ||
| - | var form = $(this); //получаем форму | + | let elForm = e.target; //получаем элемент формы |
| - | var request = $(this).formObject(); //получаем данные из формы | + | let requestData = new FormData(elForm); //получаем данные из формы |
| - | w_core.request('somebody.action',request,function(response){ | + | w_core.request('somebody.action',requestData,function(responseData){ |
| - | form.formErrors(response.errors); //обрабатываем результат проверки | + | w_core.formErrors(elForm, responseData.errors); //обрабатываем результат проверки |
| - | console.log(response.info); //выводим в консоль переданную переменную info | + | console.log(responseData.info); //выводим в консоль переданную переменную info |
| }); | }); | ||
| }); | }); | ||
| Строка 47: | Строка 47: | ||
| ===== Передача запроса при клике по ссылке или кнопке ===== | ===== Передача запроса при клике по ссылке или кнопке ===== | ||
| <code javascript> | <code javascript> | ||
| - | $('[data-action="sombody.action"]').on('click', function(e){ | + | document.querySelector('[data-action="sombody.action"]').addEventListener('click', (e)=>{ |
| e.preventDefault(); //исключаем действие по умолчанию | e.preventDefault(); //исключаем действие по умолчанию | ||
| - | var obj = $(this); //ссылка | + | let elBtn = e.target; //получаем элемент ссылки |
| - | var request = $(this).attrObject(); //получаем data-атрибуты ссылки | + | let requestData = Object.assign({},elBtn.dataset); //получаем data-атрибуты ссылки |
| - | w_core.request('somebody.action',request,function(response){ | + | w_core.request('somebody.action',requestData,function(responseData){ |
| - | console.log(response.info); //выводим в консоль переданную переменную info | + | console.log(requestData.info); //выводим в консоль переданную переменную info |
| }); | }); | ||
| }); | }); | ||
решения/взаимодействие_по_ajax.1543453124.txt.gz · Последние изменения: 2018/11/29 03:58 — a1
Инструменты страницы
Если не указано иное, содержимое этой вики предоставляется на условиях следующей лицензии: CC Attribution-Share Alike 4.0 International
