Размещение статической формы без полей ввода

Question

Я очень новичок в веб-разработке и запутался в отправке данных моей формы.Я знаю, как отправлять и извлекать данные при использовании тега в моем html и обертывании в a, но в этом случае у меня есть статическая html-страница, отображающая данные в таблицах, где пользователь может редактировать и изменять входные данные таблицы.Как опубликовать значения в этой форме, если ни одно из полей не относится к типу ввода?

Answer 1

Вы можете опубликовать данные формы через javascript, если вы генерируете данные на лету. JQuery имеет функцию Ajax, которая упрощает этот процесс. Например.,

    function post_form_data() {
        var data = {
            data1: "something,
            data2: "something else"
        };
        var url = "https://someurl.com/api/v1/etc";

        $.ajax({
            type: "POST",
            url: url,
            data: data,
            success: function() {
               // do something, like transition to 
               // a different page or something
            },
       });
    }

Вызывайте post_form_data () всякий раз, когда вы хотите сделать сообщение. На практике вы можете включить данные формы в параметры функции или извлечь их из других источников.

Чтобы увидеть все подробности Ajax, пожалуйста, прочитайте Документация jQuery Ajax .

Answer 2

При нажатии на кнопку javascript вы можете создать форму и отправить ее:

let form = document.createElement('form');
form.action = 'http://yourdomain/youraction';
form.method = 'POST';

form.innerHTML = '<input name="inputs" value="test">';

// the form must be in the document to submit it
document.body.append(form);

form.submit();

Вместо проверки входного значения укажите здесь значение JSON.

Это будет POST-формой дляпредоставленный URL.

Надеюсь, это поможет.