2011-05-11 87 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;">