首先列出长久以来习惯性的href写法
1.href="someurl.php"
2.href="javascript:void(0)" οnclick="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)" 这样是终止本链接的写法, 也就是什么也不做,往往和οnclick=fun()一起使用。
还有关于ajax运行原理的参考,以及http请求方式参考,老婆叫着让去做饭,以后再说吧…………