2013-07-27 97 views
1

如何在提交表单的临时表单之前或之中捕获点击搜索按钮上的搜索网址?在jquery/js中点击搜索按钮捕获搜索网址

在表单发布后页面被重定向到搜索结果页面后,搜索网址将嵌入到表单操作中。

是否有反正我可以捕获附加的网址在过渡期?

我指的是类似于http://www.ramada.com的网站。

在ramada.com上,单击“查找”按钮,用户输入通过js传递并通过POST获取嵌入的表单动作。在此按钮上,只有我想要使用jquery捕获url连载或其他方式。

这是按钮:

<input type="submit" class="btn btn_prim find_it" tabindex="135" value="Find it" name="searchSubView:findIt" id="searchSubView:findIt"> 

这是出现在搜索结果页面的形式:

<form id="SearchResultForm" enctype="application/x-www-form-urlencoded" action="/hotels/united-kingdom/london/search-results?partner_id=&Available_property=false&campaign_code=&checkout_date=07%2F31%2F2013&children=0&useWRPoints=false&ratePlan=BAR&teens=0&affiliate_id=&searchWithinMiles=&PriceFilter=0-2147483647&perpage=15&brand_code=BH%2CDI%2CRA%2CBU%2CHJ%2CKG%2CMT%2CSE%2CTL%2CWG%2CWY%2CPX%2CWT%2CWP%2CPN&content=false&iata=&adults=1&checkin_date=07%2F30%2F2013&radius=25&rooms=1" method="post" name="SearchResultForm"> 
+0

我不太关注。你可以发布一些代码吗? – gotofritz

+0

您可以使用jQuery或JavaScript更改提交的URL。 – putvande

+0

Fiddler可能会这样做,如果我能猜出你真的想要做什么。 –

回答

0

您可以通过动态地设置action属性的值做到这一点表单标签。

当页面加载你

<form action=""> 

加载然后在单击处理程序添加到搜索按钮。

var searchUrl = "website.com/path/to/action?parameters" 
$("#searchSubView:findIt").click(function() { 
    $("#SearchResultForm").attr("action",searchUrl); 
}); 

这个如果你想动态设置表单的动作url。

但是,如果你只是想找出表单请求被发送到哪里,你可以像大卫说的那样使用Fiddler。

或者您可以使用Chrome中的开发人员工具或Firefox中的Firebug。在这些工具中检查网络请求标签,你会发现表单提交请求的标题和正文详细信息。

+0

其实我只想在网页上捕捉网址,而不是在搜索结果页面上。只有到达搜索结果页面后,您的解决方案才能保持良好状态,此时网址已具有所需的参数。 –

+0

您想捕获重定向启动后页面从主页重定向到的url吗? –

+0

它需要在加载搜索结果页面之前完成。 –