如何使用 AJAX 重定向到下一页？答案

【问题标题】：How to redirect to next page using AJAX?如何使用 AJAX 重定向到下一页？
【发布时间】：2015-04-01 11:50:21
【问题描述】：

$(document).ready(function () {
  $("#btn").on("change", function() {
    var val = $(this).val();
    $.ajax({
      url: "1.php",
      data: { id: val },
      success: function( result ) {
        alert("Hi, testing");
        alert( result );
      }
    });
  });
});

我想重定向到 2.php?name=iamchecking 它显示警报消息“hi testing”，但我想将它发送到 2.php 并从 PHP 上的 get 获取 name 的值。我该怎么做？

【问题讨论】：

document.location.href="2.php?name=iamchecking";?
stackoverflow.com/questions/503093/… ;)
"it shows alert" - 这就是alert() 函数的作用，是的。 "i want to send it to 2.php" - 当你用谷歌搜索“JavaScript 重定向”时，你发现了什么？该代码如何无法按预期工作？
@putvande 我不想重新加载页面。添加此代码会重新加载页面，但我不希望它重新加载。

标签： javascript php jquery html ajax

【解决方案1】：

只写：

document.location.href = `2.php?name=iamchecking`

这会将用户重定向到带有 GET 参数的 PHP 页面。

更新

不重新加载可能无法重定向。您可以从网站下载内容，然后将其展示给用户，但我不知道这是您所期望的。

但是，有 Chrome 特定的解决方案可以做到这一点：

window.history.pushState(“object or string”, “Title”, “/new-url”);

它可以在其他浏览器上运行，但不是必须的。

您可以在此处阅读更多内容：http://spoiledmilk.com/blog/html5-changing-the-browser-url-without-refreshing-page/

【讨论】：