Html页面中点击A链接,标签页显示顺序颠倒的问题!
今天遇到一个问题:解决a链接隐藏传递参数,即
<a href="http://控制器名称?url=参数" >跳转</a>
传递url参数给控制器,在控制器完成一系列动作之后 重定向(redirect)到url中去。
如何解决这个问题呢,响了一下如果用Ajax处理的话,重定向跳转无法响应,于是就想了另一个方法,如下:
将a的点击动作交给 javascript,传递url参数问题 通过一个表单的隐藏域:
<form id="form" method="post" action="控制器名称">
<input name="urlName" id="urlId" type="hidden"/>
</form>
<a href="#"target="_blank">跳转</a>
<script>
function sentUrl(url) {
$('#urlId').val(url);
$('#form').submit();
}
</script>
这下功能终于实现了,可是页面跳转后,页面的标签页顺序出现了问题:
<img alt="">
比如在A_page 点击 链接跳转到 B_page,在浏览器中期望的结果是这样的:A_page,B_page
但是这里面的结果是: B_page,A_page;
顺序出错了,(这里不是浏览器设置的问题!)
该怎么解决呢?
终于在最后一步步调试时发现了 :是a的href设置为#和form的submit动作出现了问题,那么接下来就是该怎么解决问题了:
解决的方法是:
将a的href="javascript:void(0)",且把target="_blank"给去掉,即编程现在的这个版本:
<a href="javascript:void(0)" >跳转</a>
然后在js中添加一句话:
$('#form').attr('target','_blank');
即可!
页:
[1]