輸入url的一部分加載url

我的目標是在頁面上有一個輸入框，以便當輸入一個單詞時，它會將用戶發送到網站的那一部分。輸入url的一部分加載url

例如;

如果用戶輸入的字banana並按下按鈕GO，www.mysite.com/banana頁面加載

如果他們進入apple它去www.mysite.com/apple等

誰能告訴我這樣做的最巧妙的方法？或者至少將我指向某個可以教會我的地方 - 我對HTML仍然相當陌生，並且我正努力成功地搜索這個以找到答案。

（我也需要去爲沒有找到一個頁面輸入一個默認this page does not exist，但多數民衆贊成對問題的後續）

來源

2013-06-05 Kevin Bygrave

您是否嘗試過3個答案中的任何一個呢？ – Daanvn

通過添加文字和網址，你可以將用戶重定向。

<input type="text" id="search_page" onclick="searchTextPage();" /> 

<script type="text/javascript"> 
    function searchTextPage(){  
     var searchText = $(#search_page").val(); 
     window.location = window.location + '/' + searchText; 
    } 
</script>

對於救援的頁面，你必須提出一些關於搜索文本的條件。

來源

2013-06-05 07:34:08 Rubyist

問題標籤沒有指定他使用jQuery。 –

+您的'oldLocation'變量永遠不會被使用，'newLocation'永遠不會被聲明/初始化。 –

@Dreamonic：感謝您的反饋。我做了更新。 – Rubyist

對於文本框，你可以只使用：

<input type="text" name="something" size="50" id="naam" /> 
<input type="submit" value="Send">

然後你可以使用PHP header功能來重定向：

<?php 
if($_POST) 
{ 

$text = $_POST['something']; 

header("Refresh: 0;url=www.mysite.com/$text"); 

} 
?>

還可以肯定的是之前任何輸出是頭必須調用製作。否則，呼叫失敗。請看this回答獲取更多信息。

來源

2013-06-05 07:38:10 Daanvn

感謝你，這對我來說是有道理的，看起來相當直接，明天我會試一試 –

這裏的樣本HTML：

<form action="javascript:void(0);" onsubmit="goToURL();"> 
    <input id="urlInput" type="text" /> 
    <input id="urlSubmit" type="submit" value="Go to URL"/> 
</form>

和Javascript：

function goToURL() { 
    var urlInput = document.getElementById("urlInput").value; 
    window.location += "/" + urlInput; 
}

然後（如果你使用使用web.xml中的服務器），在那裏指定的錯誤頁面：

<error-page> 
    <location>/general-error.html</location> 
</error-page>

如果你想特別解決404的問題，請在你的error-page：

<error-code>404</error-code>

注意：我沒有驗證它是否有效。

來源

2013-06-05 07:47:47

謝謝，這似乎很漂亮清楚 - 明天我會試試看，並告訴你它是如何發生的 –

輸入url的一部分加載url

回答

相關問題