网站开发中很多时候为了隐藏跳转时发送的请求参数,需要把请求信息封装到表单。
比如简单的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>
简单的实现,具体用途请自行开发体会。