HTML / jQuery仅在刷新时更改部分URL

Question

我在jQuery中有一个按钮，可以像这样重定向页面......

$('#changeLang').click(function() {
    document.location.href='/' + $('#languages').val();
})

工作正常，但如果有人点击它，它会重定向到/ foo，如果有人在更深的网址上...

/foo/bar/foobar

我希望它只改变'foo'部分，这样点击就可以了...

/$('#languages').val()/bar/foobar

Answer 1

您可以使用window.location.pathname，它将为您提供域后的所有内容，将其拆分为数组，更改您需要的内容并将其与连接粘合在一起。

$('#changeLang').click(function() {
    var url = window.location.pathname.split('/');
    url[1] = $('#languages').val();
    document.location.href = url.join('/');
}); 

https://jsbin.com/huqijezoxu/edit?html,js,output