Jquery 기반 Ajax 요청 페이지 브 라 우 저 후퇴 전진 기능,페이지 리 셋 기능 실효 문제 해결

사용 해 야 할jquery.history.js플러그 인 은 거인 의 어깨 위 에 있 습 니 다.아래 전진 후퇴 작업 은 플러그 인 을 기반 으로 합 니 다!아르 바 이 트 를 몇 개 했 는데 하늘 이 페이지 를 완성 하 는 김 에 ajax 의 요청 을 했 습 니 다.브 라 우 저의 리 셋,후퇴,전진 버튼 이 유효 하지 않 습 니 다.그래서 구 글 이 말 했다.몇 가지 해결 방법 을 발견 했다.jquery.hashchange.js 플러그 인 중 하 나 는 때때로 효력 을 잃 을 수도 있 고,때로는 페이지 의 여러 번 요청 을 할 수도 있 습 니 다.다른 플러그 인 테스트 를 통 해 나의 요구 에 완벽 하 게 도달 할 수 있 습 니 다.전체적인 사고방식 은 url 에 파 라미 터 를 더 하면 모든 작업 은 이 파 라미 터 를 바탕 으로 완성 된다

 
//                    。fieldName+tag  endTag      
function getQueryString(url,fieldName,tag,endTag){ 
var urlString = url;//document.location.href; 
if(urlString != null){ 
var typeQu = fieldName+tag; 
var urlEnd = urlString.indexOf(typeQu); 
if(urlEnd != -1){ 
var paramsUrl = urlString.substring(urlEnd+typeQu.length); 
var isEnd = paramsUrl.indexOf(endTag); 
if(isEnd != -1){return paramsUrl.substring(0, isEnd);} 
else{return paramsUrl;} 
} 
else {return null;} 
} 
else{return null;} 
} 
//       
function setDefaultPage(){ 
$("#contul ul").html(""); 
$("#contul").hide(); 
$("#cont").show(); 
$("#top span").find("a").removeClass("active"); 
$("#top span:eq(0)").find("a").addClass("active"); 
} 
//       
function checkCode(getParme){ 
if (getParme!=null){ 
getParme=getParme.toUpperCase(); 
var codeNum=getParme.charCodeAt(0) 
} 
if(codeNum>=65&&codeNum<=91){ 
$("#top span").find("a").removeClass("active"); 
//alert((codeNum-64)); 
$("#top span:eq("+(codeNum-64)+")").find("a").addClass("active"); 
//$("#cont").html(""); 
$("#cont").hide(); 
$("#contul").find("ul").html(""); 
runAjaxGetCode(getParme); 
}else{ 
setDefaultPage(); 
} 
} 
//  ajax   
function runAjaxGetCode(getParme){ 
//$("#cont").fadeOut('fast',function(){ 
$.ajax({ 
cache:false, 
type:'get', 
url:'sxml/searchByWord'+getParme+'.xml', 
beforeSend:function(XMLHttpRequest){ 
$('<div class="quick-alert">     ，   </div>') 
.insertBefore( $("#cont") ) 
.fadeIn('slow'); 
}, 
success: function(data,textStatus){ 
$("#contul").show().find("ul").html(""); 
$(".quick-alert").fadeOut('slow', function(){ 
$(this).remove(); 
$("item",data).each(function(i, domEle){ 
$("#contul ul").append("<li><a href='"+$(domEle).children("link").text()+"'>"+getParme+":"+$(domEle).children("title").text()+"</a></li>"); 
if(($(this).index()-6)%6==0){ 
$("#contul ul").append("<div class='clear'></div>"); 
} 
}); 
}); 
}, 
error: function(){ 
alert("   ，      , F5        \                  。"); 
} 
}); 
// }); 
} 
//     
function getParmeter(){ 
getParme=getQueryString(urlParem,'#javascript=tagCode("','','")'); 
checkCode(getParme); 
} 
//getParmeter(); 
//     
$("#top span:gt(0)").click(function(){ 
$(".quick-alert").remove(); 
}); 
//    
$.history.init(function(url) { 
//load(url == "" ? "1" : url); 
if(url.length>0){ 
getParme=getQueryString(url,'javascript=tagCode("','','")'); 
if (getParme!=null){ 
getParme=getParme.toUpperCase(); 
checkCode(getParme); 
} 
} 
else{ 
setDefaultPage(); 
} 
}); 
//        
var getParme; 
//function getHash(){ 
//var curHash = location.hash; 
//alert(curHash); 
//} 
var urlParem; 
urlParem=document.location.href; 
var topHtml; 
var topHtmlLink=""; 
var $_objTop; 
$_objTop=$("#top") 
topHtml=$_objTop.html(); 
for(var i=65;i <91;i++) 
{ 
topHtmlLink+="<span><a href='#javascript=tagCode(\""+(String.fromCharCode(i+32))+"\")'>"+String.fromCharCode(i)+"</a></span>"; 
} 
$_objTop.html(topHtml+topHtmlLink); 

jquery.history.js 플러그 인 데모 일부 데 모 는 여기에서 사용 할 수 있 으 며 저장 소 에 포함 되 어 있 습 니 다.그리고 이 사이트 자 체 는 플러그 인 에 내장 되 어 있 습 니 다.45677913.