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

Question

我在使用 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'];我得到了这个值，但只有在第二次提交按钮刷新之后。我发现了一些问题，但他们的例子对我来说太难理解了。你能帮我吗？

Answer 1

发生这种情况是因为您在第一次提交之后添加了 cookie。因此，只有在第二次提交后您才会收到它。

为了做你想要的，你应该拦截表单提交事件并在那个时候添加你的cookie（即在发送提交表单之前）。

所以，这里是解决方案：

//Replace that code

$(document).ready(function () {

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

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

});

//With this:

$(document).ready(function () {

    $("#my-form").submit(function() { //after form is submitted

      const cookieMin = $("#my_number").val(); //took input value

      createCookie("my_number_cookie", cookieMin, "10"); //create your cookie

      //after that form will proceed the submit process, but with cookie added

    });

});