jquery ajax搜索表单

jquery ajax搜索表单,ajax,jquery,Ajax,Jquery,我有一个REST Urlhttp://localhost/issues为我提供一个搜索表单,用于查询缺陷跟踪系统的问题。搜索表单有一个带有name=“f”的文本字段。表单的操作是action=“/issues”和方法=GET。因此,如果我在文本字段中键入“foobar”,我将被重定向到http://localhost/issues?f=foobar 为了防止页面重新加载,我将AJAX与jquery结合使用。因此,我使用$(document).on('submit',…)将AJAX查询函数绑定到表

我有一个REST Url
http://localhost/issues
为我提供一个搜索表单,用于查询缺陷跟踪系统的问题。搜索表单有一个带有
name=“f”
的文本字段。表单的操作是
action=“/issues”
方法=GET
。因此,如果我在文本字段中键入“foobar”,我将被重定向到
http://localhost/issues?f=foobar

为了防止页面重新加载,我将AJAX与jquery结合使用。因此,我使用
$(document).on('submit',…)
将AJAX查询函数绑定到表单的submit函数。我使用firebug来证明,jquery发送了请求,并且没有进行页面重新加载。我还有一个功能,可以将响应结果填充到浏览器中显示的我的站点中。第一次搜索时一切正常

但如果我在文本字段中键入另一个搜索字符串“anotherfoobar”并重新发送请求,则请求URL为
http://localhost/issues?f=foobar&f=anotherfoobar
,因此搜索参数仅附加到URL,而不是我认为会发生的更新


我已经读过关于在stackoverflow上对URL参数进行“散列”以防止这种行为的内容,但我并不完全理解发生这种情况的原因和原因,以及“散列”的确切含义。也许这不是适合我的解决方案。因此,我恳请某人解释我如何解决这个问题。

我已经解决了!不要问我到底做了什么,我做了以下几点:

AJAX响应是整个Web页面,就像我在重新加载页面时得到的那样。使用jquery,我选择一个div,其中包括搜索表单和结果

我只是为results定义了一个div,并且只更新results div的内容。这样做之后,一切正常,results div会随着多次搜索尝试而更新

另一种情况是不知道我做什么,但我做得很好;)

也许还有人能解释我的错误,让智慧上升