[JSP 网站开发] js模拟表单提交(jQuery)
2022-10-24 15:56:58
178
{{single.collect_count}}

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

比如简单的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);" οnclick="submitForm('login','{name:gopain,val:gopain}');">提交</a>
简单的实现,具体用途请自行开发体会。





回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}