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

passing user input variables in a post request with javascript

本文关键字:用户 输入 变量 javascript post 请求 使用      更新时间:2023-09-26

这是我的表单:

<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> 

我想使用javascript中的xmlhttp对象,通过post请求将用户输入的变量提交到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变量正在被实例化,但它们没有被设置。任何帮助都将不胜感激。

目前尚不清楚是什么原因导致了问题,可能你可以放更多详细信息。

试试这个:

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

而不是

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