JAVASCRIPT:在本地主机上成功响应Ajax后重定向到主页

JAVASCRIPT: Redirecting to Homepage after successful Ajax response on localhost

本文关键字：Ajax 响应 重定向 主页 成功 主机 JAVASCRIPT      更新时间：2023-09-26

用户凭据验证完成后，我正试图从登录页面重定向到主页。反应非常好。一旦得到成功的回复，我想重定向到主页。我在客户端使用Javascript，在服务器端使用PHP。

我已经尝试了本网站其他地方提供的所有可能的解决方案。

以下是SignIn页面上重定向的脚本：

$（document）.ready（function）{$（"#SignInForm"）.submit（function（）｛

  var em = document.getElementById("Email").value;
    var ps = document.getElementById("Password").value;       var obj;        $.ajax({
          url: 'WebService/SignIn.php',
          type: 'post',
          async: false,
          data:       {
    Email: em,
      Password: ps
  },
          dataType: 'json',
          success: function(data)         {       var str = JSON.stringify(data);          obj = JSON.parse(str);

    if(obj.status == 1)       {
                  window.location="Homepage.html";
              }       else        {           alert("Invalid Username/Password")          }
          },
          error: function(xhr){       //alert("An error occured: " + xhr.status + " " + xhr.statusText );         alert("An error occured. Please Try Again");        }
          })


}); }); </script>

一个简单的

window.location="Homepage.html"；

应该足够了。但它不起作用。

感谢您的帮助。

window.location.href = "homepage.html"？

问题与提交操作有关：

事实上，默认情况下，提交操作重定向到操作中提供的url（表单参数）：https://developer.mozilla.org/en/docs/Web/API/HTMLFormElement/submit

因此，为了能够执行AJAX请求，您必须首先阻止提交执行的默认操作。

只需更换：

$("#SignInForm").submit(function(){
  var em = document.getElementById("Email").value;

带有：

$("#SignInForm").submit(function(e){ // <-- note the e
  e.preventDefault();
  var em = document.getElementById("Email").value;

在不阻止默认操作的情况下发生的实际示例：

http://jsfiddle.net/hhjqqeza/

通过防止默认操作发生的实际示例：

http://jsfiddle.net/hhjqqeza/1/

相关文章：