1

如何在提交表单之前或期间单击搜索按钮捕获搜索 url?

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

无论如何我可以在过渡期间捕获附加的 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">
4

1 回答 1

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。在这些工具中检查网络请求选项卡,您会发现表单提交 url,其中包含请求的标题和正文详细信息。

于 2013-07-28T12:34:16.803 回答