<a href=""></a>中 href为空的问题

原创
2017/12/04 10:51
阅读数 6.1K

今天遇到一个问题:

大概是这样,有个  <a href="" >确定</a> ,然后我给他加了一个click()方法。

click()方法内发起ajax请求。

但是发现执行的结果不确定,有时成功有时不行。

原因:

最后确定到 <a href="" >确定</a>  这里。由<a href="" > 中href 为空引起的

我估计是ajax请求获得响应需要时间,然后执行<a href="">刷新了当前页面。请求就白发了。

1、<a href="" > 中href 为空,会怎样?

点击会刷新页面,相当于访问当前URL.

2、a标签的onclick与href的执行顺序?(参考

onclick的事件被先执行,其次是href中定义的(页面跳转或者javascript)

 

解决办法:

1、对a标签进行修改,有好几种方式(参考:a标签中href=""的几种用法

  •  a href="javascript:void(0);" onclick="js_method()"
  • a href="javascript:;" onclick="js_method()"
  • a href="#" onclick="js_method();return false;"

2、把<a>标签换了,反正是ajax 发起请求,还用啥<a>标签啊。 换成<p> 就ok。

 

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
空" data-uncollected-class="oicon oicon-star" data-collected-class="oicon oicon-star">
0 收藏
0
分享
返回顶部
顶部