用.submit和nice url调用jquery页面 - call a page jquery with .submit and nice url

call a page jquery with .submit and nice url

本文关键字：调用 jquery 页面 url nice submit | 更新日期: 2023-09-26

我需要从搜索栏调用一个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();
});

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

任何想法?

如果你要刷新页面，为什么不这样做呢:

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

我刚刚发现。on()不工作。它可以与。live()一起使用，尽管它已经被弃用了，我使用的是jquery 1.8。