jquery - 将输入框文本作为查询字符串传递给 url

Question

这个问题已经有答案了:

已关闭 11 年前。

Possible Duplicate:
pass inputbox value as a querystring to URL

<input name="KeywordBox" class="BasicSearchInputBox" type="text" value="Keywords.."/>
<a class="searchButton" href="/search/pages/Careers.aspx?v=relevance&s=Careers&k=" type="submit">
    <span>Search</span>
</a> 

如何获取用户输入的关键字并将其传递到页面或附加到“搜索”链接的单击 URL 中？

像这样http://mycompany.com/search/pages/Careers.aspx?v=relevance&s=Careers&k=engineer

使用jquery？

Answer 1

最简单的方法是将您的输入放入表单中，并使用 GET 方法将它们提交到您的页面。

如果您更喜欢使用 jQuery，您可以这样做:

$(function() {
    $(".searchButton").click(function() {
        var keywords = $("#KeywordBox").val();
        window.location.assign("/search/pages/Careers.aspx?v=relevance&s=Careers&k=" + keywords);
    });
});

只需确保正确清理输入值，否则您将面临注入(inject)攻击。