使用.submit和nice url调用页面jquery

时间:2013-01-08 15:22:30

标签: php jquery url-rewriting

我需要使用不错的网址从搜索栏调用php页面而不使用?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 我的目标是生成一个像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();
});

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

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

如果您要刷新页面,为什么不这样做:

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

答案 1 :(得分:0)

我刚刚发现.on()不起作用..它与.live()一起工作,甚至认为它已被弃用,我正在使用jquery 1.8。