0

我正在尝试使用 Javascript 设置 cookie。这段代码一直在工作，直到最近，当我开始获取nullcookie 的价值时。我真的不确定我可以改变什么来导致这种情况。这是我的HTML：

  <div class="w3-container w3-center" style="align-content:center;">
      <br>
      <br>
      <h1 class="w3-center w3-jumbo">Find a Fruit Here</h1>
      <form method="post" name="input-form" id="input-form" class="w3-center w3-mobile">
        <h4 class="w3-center" style="max-width:1000px;align-content:center;">
          <label>Address</label>
        </h4>
        <input id="input-address" style="max-width:300px;margin-left:auto;margin-right:auto" class="w3-center w3-input w3-border" name="Address" placeholder="123 45th Street, City, State" required>          
      
        <h4 class="w3-center" style="max-width:1000px;">
          <label>Fruits(at least one)</label>
        </h4>
        <input id="input-items" style="max-width:300px;margin-left:auto;margin-right:auto" class="w3-center w3-input w3-border" name="Items" placeholder="Apples, bananas, etc." required>
        <h4>
          <button style="max-width:250px;margin-left:auto;margin-right:auto" class="w3-button w3-black w3-round w3-hover-light-grey w3-center" type="submit" onclick="cookies()">
            Search
          </button>
        </h4>
      </form>      
      <br>
  </div>

这是我的 Javascript。我添加了一条日志记录行来测试，但它从未打印到控制台，所以我想我可能在调用该函数时遇到问题。

<script>

function cookies() {
  document.getElementById("input-form").submit();
  document.cookie = "address=" + document.getElementById("input-address").value.replaceAll(",", "/");
  document.cookie = "items=" + document.getElementById("input-items").value.replaceAll(",", "/");
 }

</script>

任何帮助都非常感谢！我不知所措。

编辑：我正在使用 Javalin 在 Java 程序中访问我的 cookie，这就是我看到它们为空的地方。我在 Javalin 中呈现文档，然后尝试访问 cookie，然后得到 NullPointerException。这是Java代码：

app.get("/search", ctx -> ctx.render("/donation-find.html"));
app.post("/search", ctx -> {
   ctx.render("/donation-find.html");
   address = ctx.cookie("address").replaceAll("/", ",");
   String[] temp = ctx.cookie("items").split("/");
}
4

2 回答 2

1

您在更新 Javascript 上的 cookie 之前提交表单。所以实际的 POST 请求是在 cookie 更新之前发送的，
我认为你应该这样做

function cookies() {
  document.cookie = "address=" + document.getElementById("input-address").value.replaceAll(",", "/");
  document.cookie = "items=" + document.getElementById("input-items").value.replaceAll(",", "/");
 }
document.getElementById("input-form").submit();

我认为这会有所帮助，
我不知道它是如何工作
的 最好的猜测是它正在拉旧会话 cookie

于 2020-07-26T15:15:11.567 回答
1

只是为了澄清的目的，我最终通过使用一种完全不同的数据传输方法解决了这个问题。我没有使用 cookie，而是使用 Javalin 内置方法formParam(key)来访问发布到表单的数据

于 2020-07-26T21:20:10.523 回答