使用 javascript 在 post 请求中传递用户输入变量

Question

这是我的表格：

<form type="post" id="calendarform">
      <label for="day">Day</label>
      <input name="day" id="day" type="text"></input>
      <div class="clear"></div>
      <label for="time">time</label>
      <input name="time" id="time" type="text"></input>
      <div class="clear"></div>
      <label for="event_text">Event</label>
      <textarea name="event_text" id="event_text"></textarea>
  </form>

我想通过 post 请求使用 javascript 中的 xmlhttp 对象将用户输入的变量提交给 php 脚本。这是我用来尝试执行此操作的代码，它不起作用：

function set_event(){
  var day = document.getElementById("day").value;
  var time = document.getElementById("time").value;
  var event_text = document.getElementById("event").value;


  var xmlHttp = new XMLHttpRequest();
  xmlHttp.open("POST", "set_event.php", true);
  xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xmlHttp.send("day=day&time=time&event_text=event_text");
  alert("setfired");
}

POST 变量正在实例化，但尚未设置。任何帮助将不胜感激。

Answer 1

不清楚是什么原因导致的问题，也许你可以提供更详细的信息。

试试这个：

 xmlHttp.send("day=" + day + "&time=" + time + "&event_text=" + event_text);

而不是

 xmlHttp.send("day=day&time=time&event_text=event_text");

使用 javascript 在 post 请求中传递用户输入变量

passing user input variables in a post request with javascript

javascript

forms

post

web