由href属性引发的脑细胞死亡

首先列出长久以来习惯性的href写法

1.href="someurl.php"

2.href="javascript:void(0)" onclick="fun()"

3.href="#"

4.href=""       

最致命的问题就是不注重细节又不求胜解，对以上几种写法没有好好区分，往往随意使用，直接导致昨天在调一个ajax时，用了两天时间找不到问题所在!!!

本来我的代码是从一个门户站上拷过来的，开始还觉得运行起来肯定没啥问题，我只要改成我的逻辑和样式就行了，可是在拷贝时候有个a标签如下

<a  href="javascript:void(0);" class="btn" ...title="提交">确定</a>

为了和我的页面统一的原因，同时本来也是调试阶段的原因，我就随手把href里边的东西del掉了，就成了下面这样的

<a  href="" class="btn" ...title="提交">确定</a>

可谁成想，就是这个不经意的动作，却害我用了整个周末的大好时间去找bug，本来准备用这两天时间就把程序完成个八九成呢

我的$.ajax（） 是在点击上述a的时候触发的，因为是逐步实现，所以后台页面根本就没什么代码，只是一个简单的接收post数据并呈现，我本来就是试一下ajax运行是否正常，可是在理所当然地写下$().click(function(){$.ajax(....)；})之后并执行时，却无论如何都报error! 于是我将ajax从头到尾看了个遍，期间还换用post、get方法，同时期间还解决了ajax数据中文传过去乱码的问题，可是仍然没有办法解决，浏览器一步步调试就是没有找出问题，google、拜读了一天，关了又开，开了又关期间看完了两部电影，一部连续剧……都没有灵感来解决此问题，真是绝望之极啊，本以为一个新应用就要产生，可是却有种阴沟都过不去的感觉！（其实中间浏览器调试的时候有过一闪而过的想：ajax不是异步的吗？怎么点击过之后整个页面还刷新呢？）

今天早上起来不甘心，新建个页面把代码事件一行行贴过来试，结果找到问题了：

<a  href="" class="btn" ...title="提交">确定</a>    中的 href="" 引起的页面刷新，并使ajax把把都error!!!

于是google　href属性，才知道了几种写法的区别。

href="" 这样写，其实链接是指向了本页的，相当于重刷一遍；

href=“#”这样写,相当于本页的#top，将把页面定位到顶端，而不后刷新；

href="javascript:void(0)"　这样是终止本链接的写法，　也就是什么也不做，往往和onclick=fun（）一起使用。

还有关于ajax运行原理的参考，以及http请求方式参考，老婆叫着让去做饭，以后再说吧…………