링크를 클릭 한 후 다시로드하는 것을 방지하는 방법은 무엇입니까?

Question

내 블로거 (https://github.com/swook/jquery-ajaxify-plugin)에서 AJAX를 사용하는 스크립트를 사용하므로 사용자는 다른 페이지를 탐색하면서 음악 플레이어를 통해 음악을들을 수 있습니다.

무작위 버튼을 제외한 모든 기능이 작동합니다. 무작위로 버튼을 누르면 AJAX에 보내고 싶습니다.

문제는 링크를 클릭하면 페이지가 새로 고침됩니다. 현재 문제 확인할 수 있습니다

:

<script> 
<!-- 
/* 
Random link button- By JavaScript Kit (http://javascriptkit.com) 
Over 300+ free scripts! 
This credit MUST stay intact for use 
*/ 

//specify random links below. You can have as many as you want 

var randomlinks=new Array() 

randomlinks[0]="http://www.julienlussiez.com/2013/01/le-repos-du-fou_21.html" 
randomlinks[1]="http://www.julienlussiez.com/2012/11/dissonance-3.html" 
randomlinks[2]="http://www.julienlussiez.com/2012/10/renaitre.html" 
randomlinks[3]="http://www.julienlussiez.com/2013/01/defaillance.html" 
randomlinks[4]="http://www.julienlussiez.com/2012/08/fragile-2012.html" 

function randomlink(){ 
window.location=randomlinks[Math.floor(Math.random()*randomlinks.length)] 
} 

//--> 
</script> 
<form> 
<p><input type="button" name="B1" value="Aléatoire" onclick="randomlink(); return false;" /></p> </form> 

감사 : 여기 http://www.julienlussiez.com/p/test_20.html

스크립트입니다! 네가 단서가 있다면 아주 좋을거야!

Answer 1

예를 들어 window.location="http://www.google.com/"을 사용하면 현재 웹 페이지가 Google 홈페이지로 변경됩니다. 페이지를 다시로드하지 않으려면 iFrame 또는 AJAX를 통해 콘텐츠를로드해야합니다. 음악을위한 팝 아웃 플레이어를 제공하고 사용자가 페이지를 전환 할 때마다 음악이 계속 재생됩니다. Ajaxify의 문서에 따르면

이 AJAX를 통해 페이지를로드하려면이 함수를 호출해야합니다

$.Ajaxify.loadURL('/path/to/page.html'); 

샘플 코드에서 $.Ajaxify.loadURL('/path/to/page.html');와 window.location 코드를 교체 시도하고 그 차이를 만드는 경우를 참조하십시오. 이 같은

뭔가 :와

function randomlink(){ 
$.Ajaxify.loadURL(randomlinks[Math.floor(Math.random()*randomlinks.length)]); 
}