如何使用jQuery的$.post()方法提交表单值

Question

12 浏览2023年5月21日

匿名的 2022年7月2日

0 Comments

这个问题已经在这里有答案了:

使用PHP的jQuery Ajax POST示例

我有一个主页面和另一个页面来处理表单值，以下是这2个页面的源代码

表单页面：

处理页面：

如果我点击“传统提交”按钮，它就能完美地运行。

但是当我点击“$.Post提交”按钮时，我一直收到错误消息“注意：未定义Index ...”

我无法找出问题所在，请帮忙检查并修复，谢谢！

admin 更改状态以发布 2023年5月21日

0

匿名的 · Answer 1 · 2022-07-02T20:57:58+00:00

使用val()获取文本框的值并将它们存储在一个变量中，然后通过$.post传递这些值。使用$.Post Submit button，你实际上可以删除表单。

匿名的 · Answer 2 · 2022-07-02T20:57:58+00:00

你还需要选择并发送表单数据：

$("#post-btn").click(function(){        
    $.post("process.php", $("#reg-form").serialize(), function(data) {
        alert(data);
    });
});

可以查看jQueryserialize方法的文档，将表单字段中的数据编码为要发送到服务器的数据字符串。