Javascript实现HTML表单form多个HttpPost请求
2011-12-19 20:43
701 查看
方法一:适合表单数据一致的情况,仅修改Post地址
表单from如下所示:
方法二:适合任意表单提交HttpPost
js代码如下:
表单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});">
相关文章推荐
- 实例:应用CSS实现表单form布局(博主:http://www.bm777.com/post/32.html)
- [c#][Windows 10 | Windows 10 mobile | Windows Phone] HttpClient 实现form-data POST上传请求
- HTML一个form表单中有两个(多个)submit,后台如何区分(纯HTML实现,无需javascript)
- JavaScript实现WebService的http的Post请求
- Http Post请求的三种常见方式form表单 io流等
- httpclient4.3.X post请求上传,将文件封装到请求体中(不以form表单形式)
- 纯js实现,get请求转form表单post请求
- http Form表单的Get和 Post请求深入分析
- HTTP的POST请求的详细构造[实现机器提交表单含上传文件及普通文本域]
- HTML一个form表单中有两个(多个)submit,后台如何区分(纯HTML实现,无需javascript)
- android利用httpclient实现post、get请求restful接口进行json和form表单数据提交等公共方法类
- Http 模拟form表单提交Post请求
- HTML一个form表单中有两个(多个)submit,后台如何区分(纯HTML实现,无需javascript)
- 使用httppost请求发送form表单的方法
- Multipart/form-data POST文件上传详解 理论 简单的HTTP POST 大家通过HTTP向服务器发送POST请求提交数据,都是通过form表单提交的,代码如下: <form me
- PHP模拟表单的post请求实现登录
- ajax+FormData+javascript实现无刷新表单信息提交
- python实现的json数据以HTTP GET,POST,PUT,DELETE方式页面请求
- java实现发送HTTP的POST请求,返回数据以及请求状态
- httpclient模拟post请求json封装表单数据的实现方法