Javascript 从PHP获取HTML后，如何保留HTML中显示的值？_Javascript_Php_Jquery_Html

Javascript 从PHP获取HTML后，如何保留HTML中显示的值？

javascript php jquery html

Javascript 从PHP获取HTML后，如何保留HTML中显示的值？,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我有一个HTML页面，它接受用户输入并根据数据库显示输出。我有一个指向其他页面的超链接。我希望当我从第一页导航到其他HTML页时，我添加一个后退按钮，它应该返回到第一页，但它应该显示获取的值。下面是代码第一个HTML： <script> function PostData() { var online = navigator.onLine; if(online){ // 1. Create XHR instance - Start var xhr; if (

我有一个HTML页面，它接受用户输入并根据数据库显示输出。我有一个指向其他页面的超链接。我希望当我从第一页导航到其他HTML页时，我添加一个后退按钮，它应该返回到第一页，但它应该显示获取的值。下面是代码

第一个HTML：

<script>
function PostData() {
var online = navigator.onLine;
if(online){
    // 1. Create XHR instance - Start
    var xhr;
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) {
        xhr = new ActiveXObject("Msxml2.XMLHTTP");
    }
    else {
        throw new Error("Ajax is not supported by this browser");
    }
    // 1. Create XHR instance - End

    // 2. Define what to do when XHR feed you the response from the server - Start
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            if (xhr.status == 200 && xhr.status < 300) {
                document.getElementById('div1').innerHTML = xhr.responseText;
            }
        }
    }
    // 2. Define what to do when XHR feed you the response from the server - Start

    var userid = document.getElementById("userid").value;
    var pid = document.getElementById("pid").value;
    // var image = document.getElementById("image").value;
    // 3. Specify your action, location and Send to the server - Start 


    xhr.open('POST', 'login3.php');
    //xhr.open('POST', 'config.php');
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.send("userid=" + userid + "&pid=" + pid);
    //xhr.send("&pid=" + pid);
    // 3. Specify your action, location and Send to the server - End

}

else{
alert("You are offline");
}
}
</script>
</head>
<body>
<form>
    <label for="userid">User ID :</label><br/>
    <input type="text" name ="userid" id="userid"  /><br/>
    <label for="pid">Password :</label><br/>
    <input type="password" name="password" id="pid" /><br><br/>



    <div id="div1">
    <input type="button" value ="Login" onClick="PostData()" />
    </div>
    </form>
</body>


函数PostData（）{
var online=navigator.online；
如果（在线）{
//1.创建XHR实例-启动
var-xhr；
if（window.XMLHttpRequest）{
xhr=newXMLHttpRequest（）；
}
else if（window.ActiveXObject）{
xhr=新的ActiveXObject（“Msxml2.XMLHTTP”）；
}
否则{
抛出新错误（“此浏览器不支持Ajax”）；
}
//1.创建XHR实例-结束
//2.定义当XHR从服务器向您提供响应时要做什么-启动
xhr.onreadystatechange=函数（）{
if（xhr.readyState==4）{
如果（xhr.status==200&&xhr.status<300）{
document.getElementById（'div1'）。innerHTML=xhr.responseText；
}
}
}
//2.定义当XHR从服务器向您提供响应时要做什么-启动
var userid=document.getElementById（“userid”）.value；
var pid=document.getElementById（“pid”）.value；
//var image=document.getElementById（“image”）.value；
//3.指定您的操作、位置并发送到服务器-启动
open（'POST'，'login3.php'）；
//open（'POST'，'config.php'）；
setRequestHeader（“内容类型”，“应用程序/x-www-form-urlencoded”）；
xhr.send（“userid=“+userid+”&pid=“+pid”）；
//xhr.send（“&pid=“+pid”）；
//3.指定您的操作、位置并发送到服务器端
}
否则{
警报（“您处于脱机状态”）；
}
}
用户ID:



密码：

PHP:

第二个HTML：

<body>

  <form enctype="multipart/form-data" id="form" action="" method="post">
        <input type="file"  id="imageid" name="image" onchange="readURL();" />
        <img id="blah" src="#" alt="your image" /><br/><br/>
        <input type="button" value="upload" onclick="javascript:uploadInage();" />
        <a href = "1stHTML.html">BACK</a>
    </form>
</body>

我想保留在1sshtml.html上获取的值，最好使用

会话。一旦用户完成了第一个表单，设置一个会话来发出信号，这样当他们返回到第一个页面时，它将读取会话并自动将他们重定向到必要的页面
您需要将其放在1sshtml.php
和2ndhtml.php
页面的顶部，以表明您想要使用会话：
<?php
session_start();

然后，在1sshtml.php
上，您需要再次检查会话变量是否存在，如果存在，然后将其转发到您想要的页面。因此，在1sshtml.php
的顶部，在上一个会话的开始（）旁边：
好的，上面的代码有什么问题？与您的问题没有直接关系，但您的代码容易受到攻击。你应该解决这个问题。看起来您还以纯文本形式存储密码，这是一种非常糟糕的做法。@SulthanAllaudeen问题是，当我通过2ndHTML.html的“后退”按钮导航回1stHTML.html时，它会提示我再次登录，但我希望看到它在我第一次登录后获取的值。然后，您可以这样做，您应该检查登录页面中是否设置了会话，如果设置了会话，您可以转到主页，否则您可以显示登录表单。。你想让我再解释一下吗？@SulthanAllaudeen请再解释一下。
<?php
session_start();

<?php
if(isset($_POST['userid'],$_POST['pid']))
{
    $userid = trim($_POST["userid"]);
    $pid = trim($_POST["pid"]);

    $sql = "SELECT * FROM demo WHERE username = '$userid' and password = '$pid'";
    $result = mysqli_query($conn,$sql);
    $row = mysqli_fetch_array($result);
    echo $row['week'].'<br/>'.'<br/>';

    echo '<a href="2ndHTML.html"/>'.$row['day1'].'</a>'.'<br/>';

    // ---- SET SESSION HERE ---
    $_SESSION['stage'] = 1;
}
?>

<?php
session_start();

if (isset($_SESSION['stage'])) {
    header('Location: 2ndhtml.php');
    exit();
}