2012-05-06 2 views
-5

듣고 싶은 한 가지 작업을 수행합니다. 마우스를 사용하여 값을 선택할 수있는 Google 검색 엔진과 같은 데이터를 검색하고 있습니다. 화살표 키를 사용하여 데이터를 선택하는 방법은 무엇입니까? 내 코드는 다음과 같습니다.Search Code in AJAX

<html> 
<head> 
<script type="text/javascript"> 
function showResult(str) 
{ 
if (str.length==0) 
    { 
    document.getElementById("livesearch").innerHTML=""; 
    document.getElementById("livesearch").style.border="0px"; 
    return; 
    } 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("livesearch").innerHTML=xmlhttp.responseText; 
    document.getElementById("livesearch").style.border="1px solid #A5ACB2"; 
    } 
    } 
xmlhttp.open("GET","livesearch.php?q="+str,true); 
xmlhttp.send(); 
} 
</script> 
</head> 
<body> 

<form> 
<input type="text" size="30" onkeyup="showResult(this.value)" /> 
<div id="livesearch"></div> 
</form> 

</body> 
</html> 
+0

PHP 태그를 지정했습니다. 자바 스크립트 태그를 사용하셨습니까? – Lix

답변

1

질문이 상당히 모호하지만 자바 스크립트에서 화살표 키를 사용하려는 것처럼 들릴 수 있습니다. 이전에 묻는 질문 : Binding arrow keys in JS/jQuery.

jQuery를 사용하면 AJAX 요청을 훨씬 쉽게 작성할 수 있습니다. 예를 들어 jQuery.get()의 설명서를 참조하십시오.

AJAX 요청 (xmlhttp.responseText)에 의해 반환되는 항목에 따라 다르므로 특정 항목 (예 : Google)을 선택하기 위해 자바 스크립트를 작성하는 방법을 설명하기는 어렵습니다.