Question

如何在提交表单之前或期间点击搜索按钮捕获搜索网址？

在表单发布后，搜索网址会嵌入到表单操作中，并且页面会重定向到搜索结果页面。

无论如何，我可以在过渡期间捕获附加的网址吗？

我指的是一个类似于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">

Answer 1

您可以通过在表单标记中动态设置action属性的值来完成此操作。

当页面加载时，您使用

加载它

<form action="">

然后在点击处理程序上添加一个点击处理程序。

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

如果您想动态设置表单的操作URL。

但是如果您只想找出表单请求发送到的位置，可以像David所说的那样使用Fiddler。

或者您可以使用Chrome中的开发者工具或Firefox中的Firebug。在这些工具中，检查网络请求选项卡，您将找到表单提交URL，其中包含请求的标题和正文详细信息。

点击jquery / js中的搜索按钮捕获搜索网址

1 个答案: