Javascript实现HTML表单form多个HttpPost请求

方法一：适合表单数据一致的情况，仅修改Post地址

表单from如下所示：

<form id="myForm" name="myForm" action="" method="post">
	用户：<input id="username" value="" name="username" />
	密码：<input id="password" value="" name="password" />
	<input type="button" name="Submit1" value="登入" onClick="login();"> 
	<input type="button" name="Submit2" value="登出" onClick="logout();">
</form>

对应js代码：

<script language="JavaScript"> 
//登入函数
function login() 
{ 
document.myForm.action="http://localhost/login"; 
document.myForm.submit(); 
} 
//登出函数
function logout() 
{ 
document.myForm.action="http://localhost/logout"; 
document.myForm.submit(); 
} 
</script> 

方法二：适合任意表单提交HttpPost

js代码如下：

<script language="JavaScript"> 
var jsPost = function(action, values) {
    var id = Math.random();
    document.write('<form id="post' + id + '" name="post'+ id +'" action="' + action + '" method="post">');
    for (var key in values) {
        document.write('<input type="hidden" name="' + key + '" value="' + values[key] + '" />');
    }
    document.write('</form>');    
    document.getElementById('post' + id).submit();
}
</script> 

使用方法：

<input type="button" name="Submit3" value="登入" onClick="jsPost('http://localhost/login', {
	'user_login_name': myForm.username.value,
	'user_password': myForm.password.value});">