php - 使用 .submit 和漂亮的 url 调用页面 jquery

Question

我需要从搜索栏中调用一个 php 页面，只使用漂亮的 url 而没有 ?q=blahblah 参数。

<form id='searchForm' method="GET" action="/search/">
   <input type="text" name="q" id='idInputWhat' value='' />
   <input id='formSubmit' type="submit" value="go"/>
</form>

$('#formSubmit').on('click', function(e) {
// some validations here
..
// submit
$('#searchForm').submit();
});

这将生成一个 URL，例如：example.com/search/?q=blahblah 我的目标是生成一个 URL，例如 example.com/search/q/blahblah

我在想类似的东西

 $('#formSubmit').on('click', function(e) {
     var nice_url = encodeURIComponent($("#idInputWhat").val());
     $('#searchForm').attr('action', 'search/'+nice_url);
     $("#idInputWhat").remove();
    // submit
    $('#searchForm').submit();
});

但它似乎不起作用，我不确定这是最好的方法。

有任何想法吗？

Answer 1

如果您要刷新页面，为什么不这样做：

$('#formSubmit').on('click', function(e) {
    var nice_url = encodeURIComponent($("#idInputWhat").val());
    window.location = 'search/' + nice_url;
});

Answer 2

我刚刚发现 .on() 不起作用.. 它可以与 .live() 一起使用，即使它已被弃用并且我正在使用 jquery 1.8。