AJAXの検索コード

-5

私は聞くために1つのタスクを実行します...私はマウスを使用して値を選択することができます実行するにはGoogle検索エンジンのようなデータを検索していますどのように矢印キーを使用してそのデータを選択できますか？私のコードは以下の通りです。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>

出典

2012-05-06 Parimal

PHPタグを指定しました。おそらくあなたはJavaScriptタグを使うつもりでしたか？ – Lix

あなたの質問はかなり曖昧ですが、あなたはJavascript内の矢印キーを使用するように思えます。これは前に尋ねられました：Binding arrow keys in JS/jQuery。

jQueryを使用すると、AJAXリクエストを書くのがさらに簡単になります。例については、jQuery.get()のドキュメントを参照してください。

AJAXリクエスト（xmlhttp.responseText）によって返される内容に依存するため、Javascriptを使って特定のアイテム（Googleなど）を選択する方法を説明することは難しいです。

出典

2012-05-06 11:59:08

答えて

関連する問題