Arhn - архитектура программирования

общая отправка формы ajax

Проблема с ajax/javascript: у меня есть приложение, состоящее из нескольких форм. Чего я хочу добиться, так это создать общую функцию js для отправки форм в соответствующие контроллеры, получив идентификатор формы. Я успешно получаю идентификаторы форм в переменной form_id, но не могу их использовать. Я попытался заменить $('patient_form') на форму _id и получил следующую ошибку: TypeError: form_id.on не является функцией

Вот следующий код для лучшего понимания проблемы:

$(function () {
    var form = document.getElementsByTagName("form");
    var form_id = "'#" + form[0].id + "'";

    form_id.on('submit', function (e) {

        e.preventDefault();

        $.ajax({
            type: 'post',
            url: 'Controllers/c_insertPatient.php',
            data: $('#patient_form').serialize(),
            success: function (result) {
                alert(result);
            }
        });

    });

});
javascript php forms ajax
13.06.2015

Ответы:


1

В дополнение к другим ответам, вы хотите, чтобы ваш идентификатор формы был динамическим, верно, чтобы вы могли вставлять любые значения, которые хотите?

$(function () {
    var form = document.getElementsByTagName("form");
    // note you have to convert to jQuery object
    var form_id = $("#" + form[i].id); // i, so you can put in the id for any form

    form_id.on('submit', function (e) {

        e.preventDefault();

        $.ajax({
            type: 'post',
            url: 'Controllers/c_insertPatient.php',
            data: $(this).serialize(), // again, keep generic so this applies to any form
            success: function (result) {
                alert(result);
            }
        });

      });

});
13.06.2015
  • нет, не идентификатор формы, приложение php имеет несколько форм со своими собственными соответствующими идентификаторами, и я просто хотел сохранить избыточный код для каждой формы. Кроме того, приведенное выше решение сработало для меня. Большое спасибо 13.06.2015

    • 2

    То, как у вас это есть, form_id - это строка.

    Попробуйте: var form_id = $("#" + form[0].id);

    13.06.2015

    3

    $.ajax - это функция jquery. Если вы хотите использовать jquery (что в данном случае, я думаю, вам следует), то сделайте это следующим образом:

    $('form').on('submit', function () {
    $(this).preventDefaults();

    $.ajax({
        type: 'post',
        url: 'Controllers/c_insertPatient.php',
        data: $('#patient_form').serialize(),
        success: function (result) {
            alert(result);
        }
    });
});
    13.06.2015

    4

    Вы должны установить прослушиватель событий на элемент, а не на строку идентификатора элемента. Также я предполагаю, что у вас есть jQuery, потому что вы используете $. Установите идентификатор формы в HTML. Потом:

    $(function () {
    var form = $('#theFormId');

    form.submit(function(event) {

       $.post('Controllers/c_insertPatient.php', form.serialize(), function() {
           alert('success');
       });        


       event.preventDefault();
    });
});
    13.06.2015
    Новые материалы
    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..