使用 jQuery 更改 URL 和重定向

Question

我有一些这样的代码，

<form id="abc">
  <input type="text" id="txt" />
</form>

现在我想像这样重定向，

var temp = $("#txt").val();
url = "http://example.com/" + temp;
window.location.replace(url);
// or window.location(url);

jQuery 中是否有解决此问题的方法？它仍然让我拥有url = http://example.com。

Answer 1

正如其他答案中提到的，您不需要 jQuery 来执行此操作；您可以只使用标准属性。

但是，您似乎不知道window.location.replace(url) 和window.location = url 之间的区别。

1. window.location.replace(url) 将地址栏中的当前位置替换为新位置。调用该函数的页面不会包含在浏览器历史记录中。因此，在新位置上，单击浏览器中的后退按钮将使您返回到您在访问包含重定向 JavaScript 的文档之前查看的页面。
2. window.location = url 重定向到新位置。在这个新页面上，浏览器中的后退按钮将指向包含重定向 JavaScript 的原始页面。

当然，两者都有自己的用例，但在我看来，在这种情况下，你应该坚持使用后者。

P.S.：您可能忘记了 JavaScript 第 2 行 http: 之后的两个斜杠：

url = "http://abc.com/" + temp;

Answer 2

实话告诉你，我仍然没有得到你需要的东西，但是

window.location(url);

应该是

window.location = url;

搜索window.location 参考会告诉您。

Answer 3

jQuery 没有这个选项，也不应该有一个选项。这是完全有效的 javascript，jQuery 没有理由为此提供包装函数。

jQuery 只是 javascript 之上的一个库，即使你使用 jQuery，你仍然可以使用普通的 javascript。

顺便说一句，window.location 不是一个函数，而是一个属性，你应该像这样设置：

window.location = url;

Answer 4

var temp="/yourapp/";
$(location).attr('href','http://abcd.com'+temp);

试试这个... 用作替代品

Answer 5

试试这个...

$("#abc").attr("action", "/yourapp/" + temp).submit();

什么意思：

找到一个带有id“abc”的表单，改成attribute，命名为“action”，然后提交...

这对我有用... !!!

Answer 6

如果你真的想用 jQuery 来做这个（为什么？）你应该让 DOM window.location 对象来使用它的功能：

$(window.location)[0].replace("https://www.google.it");

注意 [0] 告诉 jQuery 直接使用 DOM 对象，而不是封装 DOM 对象的 $(window.location) jQuery 对象。

Answer 7

你可以这样做：

var url = "http://example.com/" + temp;
$(location).attr('href',url);

Answer 8

不用 jquery 也可以更简单

location = "https://example.com/" + txt.value

function send() {
  location = "https://example.com/" + txt.value;
}

<form id="abc">
  <input type="text" id="txt" />
</form>

<button onclick="send()">Send</button>