how to get return value from server after POSTing from a html form

I h开发者_运维技巧ave a form :

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

The form submits a username and password to my perl script on the server which verifies the password is correct. However since my page login.html is a static page is it possible to have the Post return the value to me somehow in a javascript that will display to the user an error message if the password did not match for example, without having to go to a different page.

This can obviously be done by the server, serving a new page, but that's not what im looking for. Any ideas?

---

You want to use XMLHttpRequest to post the form contents from JavaScript.

If you're using jQuery, there is an example on the jQuery.post() page:

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

See the bottom example on the page ("Example: Post a form using ajax and put results in a div") to get more complete code for how to get the return value form the server.

---

There're many solutions for your problem. A simple one is in case of login failure let your login.pl returns an html containing a "redirect to login.html" element and with parameters indicating the error, the html looks like:

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

Your login.html should contains logic (in Javascript) to check parameter for error and display it.