Question

我有一个带有日历页面的Web应用程序，用户可以在其中选择日期。我希望将选定的日期发布到服务器，然后服务器将根据这些日期呈现下一页。为此，我需要将我创建的日历视为表格。我该怎么做。我最初使用的是AJAX请求，因为我可以将选定的日期信息存储在数组中，但是问题是AJAX请求不会加载新页面。非常感谢您的输入！

Answer 1

var url = "https://example.com/methd";
var date = document.getElementById("calendar");
var keyName = "dates";

date.addEventListener("change", function(e) {
  var form = document.createElement("form");
  form.setAttribute("method", "POST");
  form.setAttribute("action", url);
  var inputField = document.createElement('input');
  inputField.setAttribute("type", "hidden");
  inputField.setAttribute("name", keyName);
  inputField.setAttribute("value", this.value);
  form.appendChild(inputfield);
  document.body.appendChild(form);
  form.submit();
});

<input type="date" id="calendar" />

reference

如何将日历视为表格？

1 个答案: