单击提交按钮后无法获取 COOKIE 值,只有在第二次单击后才能工作

我在使用 cookie 时遇到问题,我有一个表格:


if( isset($_GET['my_number']) ) {

    $my_text = esc_attr($_GET['my_number']);

}

?>

    <form id="my-form" method="get">

        <input id="my_number" type="number" name="my_number" value="<?php echo $my_number; ?>" />

        <input type="submit" name="submit" value="search">

    </form>

<?php

我想获得用户在按下提交按钮后在输入中键入的值,并通过 cookie 和 javascript 回显该值。我的JavaScript:


$(document).ready(function () {

  const cookieMin = $("#my_number").val();

  createCookie("my_number_cookie", cookieMin, "10");

});


function createCookie(name, value, days) {

  var expires;

  if (days) {

    var date = new Date();

    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));

    expires = "; expires=" + date.toGMTString();

  }

  else {

    expires = "";

  }

  document.cookie = escape(name) + "=" + escape(value) + expires + "; path=/";

}

在我的 php 中我添加:


echo $_COOKIE['my_number_cookie'];

我得到了这个值,但只有在第二次提交按钮刷新之后。我发现了一些问题,但他们的例子对我来说太难理解了。


你能帮我吗?


ABOUTYOU
浏览 139回答 1
1回答

凤凰求蛊

发生这种情况是因为您在第一次提交之后添加了 cookie。因此,只有在第二次提交后您才会收到它。为了做你想要的,你应该拦截表单提交事件并在那个时候添加你的cookie(即在发送提交表单之前)。所以,这里是解决方案://Replace that code$(document).ready(function () {&nbsp; const cookieMin = $("#my_number").val();&nbsp; createCookie("my_number_cookie", cookieMin, "10");});//With this:$(document).ready(function () {&nbsp; &nbsp; $("#my-form").submit(function() { //after form is submitted&nbsp; &nbsp; &nbsp; const cookieMin = $("#my_number").val(); //took input value&nbsp; &nbsp; &nbsp; createCookie("my_number_cookie", cookieMin, "10"); //create your cookie&nbsp; &nbsp; &nbsp; //after that form will proceed the submit process, but with cookie added&nbsp; &nbsp; });});
打开App,查看更多内容
随时随地看视频慕课网APP