ajax - 使用 Ajax 查询字符串到 url

Question

我想根据一些复选框更新我的网址...

我现在有一个看起来像的网址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 ;) 我用谷歌搜索，但几个小时后我仍然没有找到任何有用的东西。有人可以帮助我吗？

Answer 1

尝试这个

 $.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');
     }
 });

Answer 2

如果您需要使用新的 url 刷新页面，则需要在用户单击复选框并更新 url 时序列化表单（更新 url 将刷新页面，如果您不想刷新页面，则必须用户pushstate 功能或 url 中的哈希）。

尝试这个：

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