如何在 javascript 中使用 json 設置多個 cookies

Question

這是我的 html 代碼

<form id="myform" action="#">
  <input type="text" id="barnd_name"/><br/><br/><br/>
  <input type="text" id="work_name"/><br/><br/><br/>
  <input type="text" id="express"><br/><br/>
  <input type="button" value="Submit" id="submit" onclick="setcookie()"/>
  <input type="button" value="get" id="submit" onclick="getcookie()"/>
</form>

這是js代碼

  function setcookie() {
    var customobject = {};
    customobject.brandname = document.getElementById('barnd_name').value;
    customobject.workname = document.getElementById('work_name').value;
    customobject.express = document.getElementById('express').value;
    var json = JSON.stringify(customobject);
    document.cookie = "cookie=" + json;
  }

  function getcookie() {
    var namevaluearray = document.cookie.split("=");
    var customobject = JSON.parse(namevaluearray[1]);
    document.getElementById("barnd_name").value = customobject.brandname;
    document.getElementById("work_name").value = customobject.workname;
    document.getElementById("express").value = customobject.express;
  }

但是當我單擊 setcookie 按鈕時它不起作用。 我想在單擊設置 cookie 按鈕時設置 cookie，當我單擊獲取 cookie 按鈕時，我想顯示客戶在文本框中寫入的文本

請幫我解決這個問題。謝謝。

Answer 1

這是我的 html 代碼

<form id="myform" action="#">
  <input type="text" id="barnd_name"/><br/><br/><br/>
  <input type="text" id="work_name"/><br/><br/><br/>
  <input type="text" id="express"><br/><br/>
  <input type="button" value="Submit" id="submit" onclick="setcookie()"/>
  <input type="button" value="get" id="submit" onclick="getcookie()"/>
</form>

這是js代碼

  function setcookie() {
    var customobject = {};
    customobject.brandname = document.getElementById('barnd_name').value;
    customobject.workname = document.getElementById('work_name').value;
    customobject.express = document.getElementById('express').value;
    var json = JSON.stringify(customobject);
    document.cookie = "cookie=" + json;
  }

  function getcookie() {
    var namevaluearray = document.cookie.split("=");
    var customobject = JSON.parse(namevaluearray[1]);
    document.getElementById("barnd_name").value = customobject.brandname;
    document.getElementById("work_name").value = customobject.workname;
    document.getElementById("express").value = customobject.express;
  }

但是當我單擊 setcookie 按鈕時它不起作用。 我想在單擊設置 cookie 按鈕時設置 cookie，當我單擊獲取 cookie 按鈕時，我想顯示客戶在文本框中寫入的文本

請幫我解決這個問題。謝謝。