gpt4 book ai didi

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

转载 作者:可可西里 更新时间:2023-11-01 01:08:36 26 4
gpt4 key购买 nike

我目前正在使用 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”的内容。

最佳答案

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

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

关于php - 如何使用 jquery 或 javascript 为 ajax url 构造查询字符串?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6181783/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com