2013-07-27 143 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

它需要在加載搜索結果頁面之前完成。 –