輸入框（在html中）的onKeyPress在不改變瀏覽器地址欄中的url的情況下調用servlet

Question

我有一個html框和onKeyPress框的輸入框，我需要在那個輸入文本框中使用servlet搜索相同的文本谷歌呢。但是當我按下回車鍵時，瀏覽器地址欄中的網址發生變化，請求不會發送到servlet。可以做些什麼來避免這種情況？在HTML文件

輸入文本框

<input type="text" id="query" name="query" size="45" onkeypress="searchKeyPress(event)"> 

SearchKeyPress（E）代碼

function searchKeyPress(e) 
    { 
     if (typeof e == 'undefined' && window.event) { e = window.event; } 
     if (e.keyCode == 13) 
     { 
      createHttpRequest(); 
     } 
    } 

createHttpRequest用於調用servlet的SearchService：

var url="http://localhost:8080/final_project/SearchService?user_query="+getQueryString(); 

     request.onreadystatechange = handleSearchResult; 
     request.open("GET",url,true); 

     request.send(null); 

Answer 1

腳本更改：

if (e.keyCode == 13) 
{ 
    createHttpRequest(); 
    return false; 
} 

和你的HTML這個

onkeypress="return searchKeyPress(event)" 

這將防止被提交的表單

Answer 2

您需要防止默認提交表單的行爲。文檔here。