更改URL中的参数值

Question

我试图创建一个 javascript 函数来使用文本框中输入的值来更改 URL 中参数的值，但没有成功。那是因为我不是一名代码设计师，而是一名图表设计师。 这是我需要更改“城市”参数的 URL：

http://server/ad_new_customer.php?&city=&uri=http://server/adauga_exp.php

我正在通过使用 jQuery 的 MySQL 查询在输入文本框中生成数据，如下所示：

<input type='text' id='city' name='city' style="width:190px; align:left;" value="<?php echo $city; ?>" /> </td>
<script type="text/javascript">
//change the value of parameter in the URL function
function changeURI(key, value) {
var query = document.location.search.substring(1);
var query_q = query.split("?");
var vars = query_q[1].split("&");
for (var i = 0; i < vars.length; i++) {
    var pair = vars[i].split("=");
    if (pair[0] == key) {
        vars[i] = pair[0] + "=" + value;
    }
}
return vars.join("&");
}
//jQuery making the auto-suggestion query for the input ID
$().ready(function() {
$("#city").autocomplete("core/exp_city.php", {
    width: 340,
    matchContains: true,
    selectFirst: false
}).return(changeURI("city", this.value}));
});
</script>

如何使其更改所选值上的参数值？ 请各位设计师再次指教。 谢谢你！

L.E.

我做了一个解决方法，用这个改变了changeURI()函数：

function changeURI(key, value)
{
key = escape(key); value = escape(value);
var kvp = document.location.search.substr(1).split('&');
var i=kvp.length; var x; while(i--) 
{
    x = kvp[i].split('=');
    if (x[0]==key)
    {
            x[1] = value;
            kvp[i] = x.join('=');
            break;
    }
}
if(i<0) {
    kvp[kvp.length] = [key,value].join('=');
    }else{
//this will reload the page, it's likely better to store this until finished
document.location.search = kvp.join('&'); 
    }

}

在StackOverflow上找到并使用$.result()函数从jQuery查询中调用它：

<script type="text/javascript">
$().ready(function() {
$("#city").autocomplete("core/exp_city.php", {
    width: 340,
    matchContains: true,
    selectFirst: false
}).result(function() {changeURI("city",this.value)});
});

</script>

Answer 1

你遇到什么错误？你收到任何 JavaScript 错误吗？另外，尝试将代码更改为类似的内容

url = url.replace(new RegExp("city=", 'g'), "city="+value).

此外，问题中写入的 URL 在城市参数之前不应包含 &，因为第一个参数以 ? 开头，因此URL 应该是：

http://server/ad_new_customer.php?city=&uri=http://server/adauga_exp.php

检查这是否是问题所在。

Answer 2

在您的示例中， document.location.search.substring(1) 已经摆脱了问号：它应该返回 &city=&uri=http://server/ adauga_exp.php。然后对“？”进行拆分并尝试获取第二个数组元素应该返回未定义，因为不再有任何“？”人物。此时直接跳到 var vars = query.split("&") ，其余的对我来说看起来没问题。