2011-05-11 120 views
0

我相信這是一個基本的。輸入字段更改網址

我不確定如何描述這一點,但當我在輸入字段中按回車時,它會更改URL以將輸入名稱和值對放入URL中,例如,此代碼:

<form name="searchForm"> 
<input name="searchTerm"> 
</form> 

在SEARCHTERM領域中,具有輸入 「弗雷德」 後按下回報,URL變化

的test.html SEARCHTERM =弗雷德

的事情嗎?我有一個提交按鈕來做一個XMLhhtprequest如何阻止這個URL更改?

回答

2

只是處理submit事件的形式。最簡單的(但最醜陋的)的方式來做到這一點是這樣的:

<form name="searchForm" onsubmit="return false"> 

但既然你有阿賈克斯設置(應該聽submit反正)使用evt.preventDefault();return false;有代替。還請記住,只有當請求看起來成功時纔會取消!

+0

冒着更加無知的風險,你能否給我一個你聽到提交的意思的快速示範,我不太清楚我理解你。 – 2011-05-11 19:14:33

+1

你有一個XMLHttpRequest對吧?我假設你在表單的(提交)事件中發送它?如果你不是,你應該 - 而不是提交按鈕的'click'事件,因爲如你所見,Return也提交表單。 – Ryan 2011-05-11 19:16:14

+0

感謝您的建議,好東西,作爲結束語之前,我沒有任何書建議阿賈克斯slink讚賞。 – 2011-05-11 19:32:37

0

可以使用onsubmit屬性來防止這種情況:

<form name="searchForm" onsubmit="return false;">