2013-02-20 75 views
0

我想更新我的网址,基于一些复选框网址...查询字符串使用Ajax

我现在有一个看起来像www.mywebsite.com/index.php?city=Amsterdam

我用它来从MySQL获得数据的城市参数的URL并在我的页面上显示。在页面上我也有一些复选框。我想更新网址,如果用户点击复选框,刷新页面,并使用新的url对数据库进行新的查询。

http://api.jquery.com/serialize/我找到了我喜欢的东西;)底部的例子显示了我想要的东西。只有这个例子显示结果。有人可以帮助我在URL中获得结果吗?

所以点击一些复选框后,我想有一个看起来像www.mywebsite.com/index.php?city=Amsterdam&single=Single2&multiple=Multiple3&radio=radio1

我知道PHP,但我的jQuery和AJAX的知识是0的网址;)我用谷歌搜索,但几个小时后,我仍然没有发现任何使用完整的东西。有人可以帮助我吗?

+1

为了改变URL你可能有一个看看这个[主题](http://stackoverflow.com/questions/10953792/change-url-in-browser-address- bar-without-reload-existing-page)和序列化jquery中的自定义对象是通过[.param](http://api.jquery.com/jQuery.param/)函数完成的。您指定的名称只适用于html'

'。 – Imperative 2013-02-20 09:54:16

回答

0

试试这个

$.ajax({ 
    url:"www.mywebsite.com/index.php"; // path to your url 
    type: "get", //post or get 
    data:$('#yourFormID').serialize(), 
    success:function(){ //function called when ajax is completed 
     alert('done'); 
    } 
}); 
0

如果你需要一个新的URL刷新页面,你需要序列化的形式当一个复选框用户点击更新网址(更新网址会刷新页面,如果你不想刷新页面,你将不得不在使用pushstate功能或在网址中的散列)。

试试这个:

var $form = $('form'); 
    $('#my-checkbox').on('click', function() { 
     window.location.search = '?' + $form.serialize(); 
    });