您的位置:首页 > 理论基础 > 计算机网络

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

2011-12-19 20:43 701 查看
方法一:适合表单数据一致的情况,仅修改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});">
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐