2016-03-08 89 views
0

因此,我製作了一個非常簡單的Chrome擴展程序,它允許用戶單擊它,然後鍵入法語單詞,然後將該單詞重定向到法語字典。從我的網址中刪除「?query =」

下面是相關代碼:

<div id="pattern" class="pattern"> 
     <form action="http://www.wordreference.com/fren/" method="get" class="f" target="_blank"> 
          <input type="search" name="query" placeholder="Search Videos.." /> 
          <input type="submit" class="btn search-submit" value="Search"> 
         </form> 

但是這不工作,當我一個字輸入,而不是帶我去

www.wordreference.com/fren/Bonjour 

它帶我到

http://www.wordreference.com/fren/?query=Bonjour 

在此先感謝你們!

應注意改變文本查詢到 'A' 會帶我去

http://www.wordreference.com/fren/?a=Bonjour 
+2

不使用表單 - 您必須使用'window.location.href'。 –

回答

1

使用POST方法形式

<form id="my_form" class="f">....</form> 

目標= 「_空白」標籤(不是在形式上):

<a href="url_here" target="_blank">Test url</a> 

如果你想改變輸出URL

嘗試使用重定向方法(腳本),如:

window.location.href = custom_url+'?'+form.serialize(); 

示例腳本形式提交:

<script type="text/javascript"> 
$(document).readY(function(){ 
    $("form#my_form").on("submit", function(event){ 
     event.preventDefault(); 
     var parameters = $(this).serialize(); 
     window.location.href = "?a=" + parameters; 
    }); 
}); 
</script> 

修改網址如你所願。

+0

好,所以使用這個讓我'wordreference.com/fren/',但不輸入我的詞,我必須輸入每次我使用這個擴展 – Will

+0

請檢查更新的答案。 –

+0

我應該讓你知道,我對HTML非常不滿,我嘗試過所有你的答案很多次,但是在執行時遇到了問題 – Will