[JSP 网站开发] js模拟表单提交（jQuery）

来源：互联网发布：胸肌八字奶知乎编辑：程序博客网时间：2024/06/05 23:55

网站开发中很多时候为了隐藏跳转时发送的请求参数，需要把请求信息封装到表单。

比如简单的a标签就是最常用的跳转标签，但是href后面的请求路径和请求参数都会显示到浏览器的地址栏，原因是href默认是get方式提交请求。

a标签的默认请求方式修改我不知道，但是可以使用js来封装请求。

js脚本代码：

<script type="text/javascript">function submitForm(action, params) {var form = $("<form></form>");form.attr('action', action);form.attr('method', 'post');form.attr('target', '_self');for(var i=0 ; i < params.length;i ++){var input1 = $("<input type='hidden' name='"+params[i].name+"' />");input1.attr('value', params[i].val);form.append(input1);}form.appendTo("body");form.css('display', 'none');form.submit();}</script>

以上脚本使用到了jQuery，所以请先引入jQuery包。

调用：

<a href="javascript:void(0);" onclick="submitForm('login','{name:gopain,val:gopain}');">提交</a>

简单的实现，具体用途请自行开发体会。

0 0