Отправка данных формы в формате JSON с использованием ajax POST

Question

Итак, у меня есть форма с 3 скрытыми предварительно заполненными полями ввода и 2 полями ввода текста.Я пытаюсь отправить данные формы, используя сообщение AJAX в качестве JSON.После нажатия кнопки отправки я получаю URL-адрес в виде:

http: myurl.com: 7001 / pagename /? Obj1 = val1 & obj2 = val2 & obj3 = val3 & obj4 = val4

после того, как я написал некоторый кодкоторый я упомянул, чтобы преобразовать их как JSON, а затем опубликовать его.

Проблема, с которой я сталкиваюсь:

Как интегрировать упомянутый код в кнопку отправки, чтобы, как только пользователь нажимал кнопку отправки, указывался URL-адресвыше получено, и все остальное (как упомянуто в коде) происходит в фоновом режиме и делается запрос post ajax.

Спасибо.Прошу прощения, если что-то неясно.

// Это код, и если я запустил его в консоли после нажатия кнопки «Отправить», я смогу успешно выполнить сообщение ajax.Я хочу интегрировать этот код в кнопку отправки.

var urlvalue = location.search.substring(1).replace(/\+/g, '%20');
var postdata = JSON.parse('{"' + decodeURIComponent(urlvalue).replace(/&/g, '","').replace(/=/g,'":"') + '"}');
console.log(urlvalue);

const URL = myurl;

$.ajax({
                       url:URL,
                           type:'POST',
                          data: postdata,                    
                            success: function(result){
                                console.log(result);
                            },
                            error: function(error){
                                console.log(`Error $(error)`);
                            }
                    });

Answer 1

Я не уверен, что точно понимаю ваш вопрос, но если вы просто хотите, чтобы форма отправляла куда-нибудь данные POST, вам нужно будет предоставить функцию для атрибута form 'onsubmit.

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