如何从html表单POST后从服务器获取返回值

Question

我有一张表格：

<FORM name="loginForm" ACTION="https://www.example.com/cgi-bin/login.pl" METHOD="post">

表单向服务器上的perl脚本提交用户名和密码，验证密码是否正确。但是，由于我的页面login.html是一个静态页面，因此可以让Post以某种方式将值返回给我，如果密码不匹配，将向用户显示错误消息，而不必转到另一页。

这显然可以由服务器完成，提供新页面，但这不是我想要的。有什么想法吗？

Answer 1

您想使用XMLHttpRequest从JavaScript发布表单内容。

如果您使用的是jQuery，jQuery.post()页面上有一个示例：

$.post("test.php", $("#testform").serialize()); // Assumes form id is "testform"

请参阅页面底部示例（“示例：使用ajax发布表单并将结果放入div”）以获取有关如何从服务器获取返回值的更完整代码。

Answer 2

您的问题有很多解决方案。一个简单的例子是在登录失败的情况下让你的login.pl返回一个包含“redirect to login.html”元素的html，并且参数指示错误，html看起来像：

<META HTTP-EQUIV="Refresh" CONTENT="1; URL=login.html">

您的login.html应包含逻辑（在Javascript中）以检查错误参数并显示它。