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

时间:2015-03-25 04:15:58

标签: javascript forms post web

这是我的表格:

<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变量正在实例化,但它们没有被设置。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

目前还不清楚导致问题的原因,可能是您可以提供更详细的信息。

试试这个:

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

而不是

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