防止重复发送ajax请求
需求描述:首页弹出层显示文章页内容
点击首页文章链接列表任意一链接,调用该链接页面的文章内容在首页的一弹出层内显示!
用户重复点击同一链接,只在第1次点击时发起ajax请求链接页面内容
用户来回点击多个链接,若点击的链接之前发起过ajax请求,在不重复发请求的前提下也能显示对应文章内容
解决方案
使用jq data("name","value")方法存储ajax请求返回内容;判断date("name")是否存在,若不存在则表示是用户第1次点击该链接,应该发起ajax请求,反之则不发起ajax请求而直接取data("name")存储的文章页内容!
示例源码
<script type="text/javascript"> var artCont, _this; $('#demo a').click(function() {//文章链接列表 _this=$(this); artCont=$(this).attr("href"); if(typeof($(this).data('ajaxCon')) =='undefined'){ //#spop1弹出层 $("#spop1").load(artCont,function(responseText,textStatus,xmlHttpRequest){ _this.data("ajaxCon",responseText); }) }else{ $("#spop1").html($(this).data('ajaxCon')); } $popup('#spop1','.close');//调用弹出层 return false;//点击链接,不跳转页面 }); </script>
上一篇: 使块元素整个区域可点击跳转
下一篇: wp博客侧栏滚动定位源码解析
0条评论( 网友:0 条,站长:0 条 ) 网友评论{有您的评论更精彩....}