如何制作将答案发送到其他页面的表单

时间:2015-01-28 15:50:56

标签: javascript html

我正在为我的学校制作一个考勤网页,因为他们现在使用的网页效率不高。 基本上,教师获得登录,他们使用复选框来指定学生是否缺席。 (我正在使用Bootstrap Toggle) 我希望有一个页面,当老师按下提交时,当前页面上关于缺席学生的数据进入“管理”页面,因此它表示缺少哪个班级的学生。

基本上我需要将复选框的状态发送到其他页面。什么是最简单的方法呢?

1 个答案:

答案 0 :(得分:0)

我这样做的方法是发出一个ajax调用。我会创建一个javascript函数,从复选框中收集信息,即那些缺席的学生的ID,然后将这些ID发送到具有php函数来处理它的管理页面。我不知道你正在使用什么样的页面,但你问的是最简单的方法,所以我就这样做。

 function getCheckBoxInfo()
 {
     ///code here to iterate through checkboxes and
     // find those that are checked/unchecked +
   // their respective ids or names (e.g. value fields in html), 
     //  google - looping through checkboxes

  // then you place them in a number of variables
 /// i would create maybe 10-15 variables, i dont think
 /// more than that would be absent
   //and then you send those variable to managePage.php
  //using this ajax call

 if (window.XMLHttpRequest)
   {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
   }
  else
   {// code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
 xmlhttp.onreadystatechange=function()
  {
   if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("result").innerHTML=xmlhttp.responseText;

     }
   }
   xmlhttp.open("GET","managePage.php?var1="+var1+"&var2="+var2,true);
  xmlhttp.send();
   }

然后在managePage.php中提取这些变量:var1 = $ _GET [“var1”]。

您可能还想查看jquery ajax调用,它们更紧凑。

你也可以google - 通过ajax调用从javascript发送数据到php页面。