使用ajax POST以JSON形式提交表单数据

Question

所以我有一个带有3个隐藏的预填充输入字段和2个文本输入字段的表单。 我试图使用AJAX post作为JSON提交此表单数据。 点击提交按钮后，我得到的网址为：

HTTP：myurl.com：7001 /页面名称/ OBJ1 = VAL1＆OBJ2 = val2的＆OBJ3 = VAL3＆OBJ4 = VAL4

在此之后，我写了一些我提到的代码，将它们转换为JSON然后发布。

我得到的问题是：

如何将我提到的代码集成到提交按钮中，这样，一旦用户单击提交按钮，就会获得上面提到的URL，并且其他所有内容（如代码中所述）都会在后台和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

我不确定我是否完全理解您的问题，但如果您只是希望表单提交将数据发布到某处，则必须为form的onsubmit属性提供一个函数。

该函数应该包含您在问题底部的工作代码（以及使用event.preventDefault()取消默认的表单操作）。