个人中心
gpt4 book ai didi

javascript - PHP header ("Location:index.html") 或 php 中的 javascript 无法正常工作

转载 作者：行者123 更新时间：2023-11-30 07:52:51 31 4
gpt4 key购买 nike

我正在制作一个通过 AJAX 调用调用 PHP 脚本的注销按钮，但不知何故我的 php 没有重定向。此外，当我尝试使用 javascript 时，它也不起作用。

我尝试了以下操作:

  • 正在添加 ob_start()和 ob_end_flush()
  • 正在更改 exit;至 exit();
  • 正在更改 header("Location: http://localhost/page_login.html)至 echo("<script>location.href = http://localhost/page_login.html';</script>");

当我直接在我的 URL 中打开 php 脚本(只需输入它)时，它会将我重定向到 page.login.html 但是从 ajax 调用它不是。当我打印数据时，它会打印 page_login.html 文件，该文件还排除了它不在正确 map 中的选项。

有人知道如何解决这个问题吗？

HTML

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<div id="logout_button">
Logout
</div>
<script src="jquery-3.2.1.js"></script>
<script src="logout.js" type="text/javascript"></script>
</body></html>

JavaScript (注销.js)

$('#logout_button').click(function(){
        $.ajax({
            type: 'POST',
            url: 'logout.php',
            error: function(response) { console.log(JSON.stringify(response))},

            success: function(data){
                console.log(data);
            }
        });
})

PHP (注销.php)

<?php
header('Location: http://localhost/page_home.html');
exit;
?>

最佳答案

您对 AJAX 在这种情况下的工作方式有误解。当您执行 AJAX 调用时，一个单独的请求将作为您的 POST 发送到给定的 URL。这不会固有地影响您在客户端窗口中所在的原始页面。本质上，发生的事情是:

  1. 用户点击“退出”
  2. 服务器(即不是客户端的网络浏览器)正在向您的 logout.php 发送请求
  3. logout.php 运行它的代码并返回对原始页面的响应(在这种情况下为成功/失败；如果您的 PHP 中有 return，则返回一些数据页)

这里的AJAX只是一种在两个页面之间共享信息的手段，并不是为了让它们连续运行。您需要做的是重定向原始页面，您可以使用 JavaScript 来完成!毕竟，不要忘记 JavaScript 是我们的客户端语言，而 PHP 是服务器端语言。

在 JavaScript 中可以找到多种重定向方法。例如，您可以在这种情况下使用 window.location.href:

$('#logout_button').click(function(){
    $.ajax({
        type: 'POST',
        url: 'logout.php',
        error: function(response) { console.log(JSON.stringify(response))},

        success: function(data){
            window.location.href = "http://localhost/page_home.html";
            console.log(data);
        }
    });
});

关于javascript - PHP header ("Location:index.html") 或 php 中的 javascript 无法正常工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48565753/

31 4 0
文章推荐： 用于嵌套函数调用的 Java 正则表达式
文章推荐： java - JUnit 参数化测试显示换行符
文章推荐： java - 如何传递 ehcache.xml 中声明的 ehCache 装饰器中的依赖项
文章推荐： javascript - moment js 为 iso 时间戳返回格式错误的值
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com