gpt4 book ai didi

javascript - 如何在 IE-11 上正确读取 $_SESSION?

转载 作者:可可西里 更新时间:2023-10-31 23:17:27 26 4
gpt4 key购买 nike

我正在处理一项尝试在 IE 上提交表单的任务:

1.- 当我在 page1.php 上并单击“提交”时,我会看到一个 jQuery UI 弹出对话框,然后单击“是的,我接受”,它会将我带到 page2.php,如果我单击“后退”按钮让我回到 page1.php

2.- 我还有一个名为“inProgress”的 php SESSION,当用户从 page1.php 转到 page2.php 时,它会分配一个值 1。这基本上意味着只要用户只点击一次“是的,我接受”按钮,用户就不应再显示弹出窗口(即使用户来回切换)。

问题:

a) 不知何故,当用户点击“提交”按钮(在 page1.php 上)时,弹出窗口显示并自动点击“是的,我接受”,但是即使我回去这是一件好事。不过,我更愿意自己点击“是的,我接受”按钮。

b) 主要问题是,即使我在使用 IE-11 时来回切换,我也会一直让弹出窗口显示(我只希望弹出窗口只显示一次)。

在 IE-11 上单击“是,我接受”后,如何让弹出窗口仅显示一次,或者换句话说,如何确保在 IE-11 上正确读取 session ?我考虑过将 cookie 与 javascript 一起使用,但不确定如何实现...请有人帮助我。非常感谢你!这是我的 page1.php 和 page2.php 代码

page1.php

<?php
session_start();
if ($_POST) {
$_SESSION['inProgress'] = "1";
header("Location: page2.php");
exit;
}
?>
<html>
<head>
<title>Page1</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
</head>
<body>
<form id="homeForm" name="homeForm" method = "POST">
<input type = "submit" id="btnOpenDialog" name = "submit">
<input type="text" id="inProgress" value="<?php echo $_SESSION['inProgress'] ?>"/>
</form>
<h1>This is Page 1</h1>
<div id="dialog-confirm"></div>
<script type="text/javascript">
$(document).ready(function(){
$("#btnOpenDialog").click(function(){
var inProgress = $('#inProgress').val();
if (inProgress !== "1") {
$("#dialog-confirm").dialog({
resizable: false,
modal: true,
title: "Title",
height: 250,
width: 350,
closeOnEscape: false,
buttons: {
"Yes, I accept": function () {
$('#homeForm').submit();
},
"No, thanks": function () {
$(this).dialog('close');
}
}
});
}
});
});
</script>
</body>
</html>

page2.php

 <html ng-app="store">
<head>
<title>Page1</title>
</head>
<body>
<h1>This is Page 2</h1>
<div id="dialog-confirm"></div>
<script type="text/javascript">

function myfunction() {
window.location.href="page1.php";
}

</script>
<input type="button" id="btnOpenDialog" onclick = "myfunction()" value="Back" />

</body>
</html>

最佳答案

Thnink 这不是浏览器问题(我们谈论的是 session ,它是只读的服务器端,在客户端你只需要 token 来识别你的 session )。

猜想当你返回时服务器代码没有被执行(浏览器缓存了页面并且只会加载 Assets 比如图像或javascript)。

您可以使用 localStorage 改进客户端检查的行为。有一些库可以写入 localStoragefallback浏览器的 cookies(如果您需要旧浏览器支持)像 SimpleStorage.js(在 github 中)。

使用 localStorage 会是这样的(我将使用 localStorage,没有后备库或包装库),只要单击 Yes I accept 按钮,您就可以了到 page2 存储一个标志:

$('#btnOpenDialog').on('click', function(){
localStorage.setItem('dialogAccepted', 'true'); //you can string just strings, if you ever need to store comples data use JSON.stringify(variable) so it's parsed to json
})

然后在 page1 中,检查您已经在执行服务器端( session 之类的)并添加此客户端:

if(localStorage.getItem('dialogAccepted') === 'true'){
//code to disable the dialog pop up
}

解决“自动”点击:这不是自动点击,只是对话框没有阻止表单提交。你可以这样解决:

$(document).ready(function () {
var preventedDefaultMet = false;
$("#btnOpenDialog").on('click', function (event) {
var inProgress = $('#inProgress').val();
if (inProgress !== "1") {
if (!preventedDefaultMet) {//so when the dialog was accepted we can trigger the click event and do not enter an infinite loop of dialogs
event.preventDefault();//to prevent the browser from making the POST call
}
$("#dialog-confirm").dialog({
resizable: false,
modal: true,
title: "Title",
height: 250,
width: 350,
closeOnEscape: false,
buttons: {
"Yes, I accept": function () {
preventedDefaultMet = true; // set flag
$('#homeForm').trigger('submit');//accepted! just trigger the click! yay!
},
"No, thanks": function () {
$(this).dialog('close');//trigger the click
}
}
});
}
});
});

只需混合我给您的两个答案,您就应该拥有您想要的行为。顺便说一下,不知道你是否出于某种原因执行了 $_SESSION['inProgress'] = "1";,但是你可以编写一些 javascript 并将该标志存储在浏览器内存中,就像这样:

<form id="homeForm" name="homeForm" method = "POST">
<input type = "submit" id="btnOpenDialog" name = "submit">
<input type="text" id="inProgress" value="<?php echo $_SESSION['inProgress'] ?>"/>
</form>
<script>
// when the browser reads this it will store the value PHP printed into the javascript variable
var someJavaScriptVar = <? echo $_POST ? true : false ;?>;
</script>

这样您就不必执行 $_SESSION['inProgress'] = "1"; 并且 input 将具有用户输入的值。您必须将 if (inProgress !== "1") { 更改为 if (someJavaScriptVar) {。试一试。

关于javascript - 如何在 IE-11 上正确读取 $_SESSION?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36336240/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com