javascript - 单击 jquery/js 中的搜索按钮捕获搜索 url

Question

如何在提交表单之前或期间捕获单击搜索按钮时的搜索 URL？

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

我是否可以在此期间捕获附加的网址？

我指的是类似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，其中包含请求的 header 和正文详细信息。