Question

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

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

的网址

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

在http://api.jquery.com/serialize/我找到了我喜欢的东西;）底部的例子显示了我想要的东西。仅此示例显示结果。有人可以帮助我在网址中获得结果吗？

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

我知道PHP，但我对jquery和ajax的了解是0;）我用google搜索，但几个小时后我仍然没有找到任何use-full。有人可以帮助我吗？

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

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

试试这个：

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

使用Ajax查询字符串到url

2 个答案: