极度郁闷的错误调试——ajax jquery

　　 今天在写一个简单邮件验证的页面时，本来以为二十分钟的事情，却调试了一个半小时，简直郁闷，具体的错误如下：

　　 在页面中，有一段如下的代码：

    <td colspan="3"> <a href="" id="a-check-mail" onclick="verifyEmail()"/a></td>

　　　其中，verifyEmail()函数如下：

 function verifyEmail()
 {

     ......    

     $.ajax({
         type: "POST",
         url: "verifyemail.php",
         data: {u_email:u_email},
         dataType: "text",
         success: function(resText){
             alert(resText);
         },
         error: function(resText){
             alert("hahah" + resText);
         }
     });
 }

　　做法的本意在点击超链接的时候，通过verifyEmail函数在后台异步提交验证邮箱。但是出现的错误就是不管在后台怎么测试，ajax返回的都是error的函数，调了好久也没发现原因。在网上乱翻的时候，看到某位仁兄有提到<a>标签的刷新问题，才恍然大悟，发现问题的所在。

　　原来，在我其上的标签里，href是空的，而不是#，这样就会导致了在提交完ajax部分的代码之后，就会执行跳转，虽然是空的，但仍然有页面的刷新。而异步提交返回来的结果的时间比较长，等结果返回的时候，页面早已刷新了，得到的就是error函数的部分。

　　解决的办法就是讲href用#填充，如下：

<td colspan="3"> <a href="#" id="a-check-mail" onclick="verifyEmail()"/a></td>