Html 输入字段更改url

Html 输入字段更改url,html,Html,我相信这是一个基本的问题 我不知道如何描述这一点,但当我在输入字段中按return时,它会更改URL,将输入名称和值对放入URL中,例如,对于此代码: 在searchTerm字段中键入“fred”并按return后,URL将更改为 test.html?searchTerm=fred 问题是我有一个submit按钮来执行XMLHHTRequest如何停止此URL更改?您可以使用onsubmit属性来防止这种情况: <form name="searchForm" onsubmit="ret

我相信这是一个基本的问题

我不知道如何描述这一点,但当我在输入字段中按return时,它会更改URL,将输入名称和值对放入URL中,例如,对于此代码:


在searchTerm字段中键入“fred”并按return后,URL将更改为

test.html?searchTerm=fred


问题是我有一个submit按钮来执行XMLHHTRequest如何停止此URL更改?

您可以使用
onsubmit
属性来防止这种情况:

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

只需处理表单的
submit
事件。最简单(但最丑陋)的方法是:

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


但是,既然已经设置了Ajax(无论如何都应该监听
submit
),那么就使用
evt.preventDefault()
返回false在那里。还请记住,只有当请求似乎已成功时才取消

冒着显示出更多无知的风险,你能不能给我一个简单的例子,说明你所说的ajax听submit是什么意思,我不太确定我是否理解你的意思。你有一个XMLHttpRequest,对吗?我假设您在表单的(on)
submit
事件中发送它?如果你没有,你不应该-不要点击提交按钮的
点击
事件,因为正如你所看到的,Return也会提交表单。谢谢你的建议,好东西,作为结束语,在我偷偷拿走任何关于ajax的书籍推荐之前,我非常感谢。首先是ajax,O'Reilly Books,是一个起点,尽管它有一些问题。但是如果你想学习Ajax,那就相当不错了。
<form name="searchForm" onsubmit="return false">