[JSP 网站开发] js模拟表单提交(jQuery)

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

比如简单的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>
简单的实现,具体用途请自行开发体会。





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值