php - 如何使用 jquery 或 javascript 为 ajax url 构造查询字符串？

Question

我目前正在使用 ajax 和 jquery 来更新具有不同过滤类别的表单的搜索结果。

我的问题是我希望能够将不同的变量传递到我用于我的 ajax 的 url，来自当前页面的复选框和其他表单元素。

我在下面的 ajax 调用中有“http://example.com/search/results/?cat=tech&min=5&max=30”的 url，我需要将该 url 更新到像“http://example.com/search/results/?cat=service&min=10&max=30”之类的东西，或者甚至删除一个参数，如果它甚至没有被选中，比如“http://example.com/search/results/?min=5"

<form>
    <input type="radio" name="cat" value="" /> None<br />
    <input type="radio" name="cat" value="service" /> Service<br />
    <input type="radio" name="cat" value="tech" /> Tech<br />
    <input type="radio" name="cat" value="other" /> Other<br />

    <input type="radio" name="min" value="5" /> 5<br />
    <input type="radio" name="min" value="10" /> 10<br />
    <input type="radio" name="min" value="15" /> 15<br />

    <input type="radio" name="max" value="5" /> 5<br />
    <input type="radio" name="max" value="10" /> 10<br />
    <input type="radio" name="max" value="15" /> 15<br />
</form>

<div class="result"></div>

<script type="text/javascript">
$(document).ready(function(){
    $('.filter').live('click focus', function(){

        $.ajax({
            url: http://example.com/search/results/?cat=tech&?min=5&max=30,
            context: document.body,
            success: function(data) {
                $('.result').html(data);
            }   
        });

    });
});
</script>

上述 ajax 调用中的 url 如何需要在 url 中更新参数。此外，并非每个参数都将始终包含或需要。

如果我可以使用像 PHP 的 http_build_query 函数这样的东西，它会自动知道要替换数组的什么值或类似的东西，那就太好了，但我真的不知道该怎么做。我不确定是否需要创建数组并连接

理想情况下，如果可行的话，我将能够拥有类似“http://example.com/search/results/cat/tech/min/5/30”的内容。

Answer 1

url: 'http://example.com/search/results/?' + $('form').serialize(),

或

url: 'http://example.com/search/results/?' + $('form').serialize().replace(/&=/, '/'),