PHP - 使用ajax表单复选框提交

时间:2010-10-19 21:56:34

标签: php javascript ajax forms submit

我hava设置了AJAX脚本,当你点击按钮时它会调用一个PHP文档。

我遇到的问题是现在PHP文件的一些变量被设置为常量,现在我希望它们是在单击按钮时发送的内容的条件。

我希望有一个复选框,如果单击,则将PHP变量设置为TRUE,而如果不单击,则设置为FALSE。

我希望问题很清楚。

我现在将粘贴下面的代码,因为它可能有助于澄清问题。

抱歉,我必须粘贴这个“巨大”的代码块,但我不确定哪些代码可能有用,哪些代码不可用。

这是index.html

<html>
<head>
<script type="text/javascript">
function loadXMLDoc()
{
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("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","roulette.php",true);
xmlhttp.send();
}
</script>
</head>
<body>

<div id="myDiv"><h2>Welcome to Trufa&rsquo;s Roulette</h2></div>
<button type="button" onclick="loadXMLDoc()">Spin the Wheel!</button>

</body>
</html>

这是roulette.php的一部分

### Comprare pick to result

//The squares

$sqr_00 = -1;
$sqr_0 = 0;
$sqr_1 = 1;


//Placed bets, if true he placed bet

$bet_straight_placed = array(
 $sqr_00 => false, 
 $sqr_0 => true,
 $sqr_1 => true
);

我之前所说的我需要的是替换$sqr_00 => false中的FALSE,对于选中复选框时为真的变量!

我希望这个问题足够清楚,但请提出任何澄清要求!

提前致谢!

特鲁法

编辑:

解决@grossvogel的回复我发布了我对他的回答的理解,因为它不起作用。对不起,非常感谢你!

<html>
<head>
<script type="text/javascript">
function loadXMLDoc()
{
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("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","roulette.php",true);
xmlhttp.send();
}
var isChecked = document.myform.checkbox.checked ? 1 : 0;
xmlhttp.open("GET","roulette.php?boxchecked=" + isChecked,true);
</script>
</head>
<body>

<div id="myDiv"><h2>Welcome to Trufa&rsquo;s Roulette</h2></div>
<form name="myform">
<input type="checkbox" name="checkbox" value="checkbox" />00<br />
<button type="button" onclick="loadXMLDoc()">Spin the Wheel!</button>
</form>

</body>
</html>

和php

//The squares

$sqr_00 = -1;
$sqr_0 = 0;
$sqr_1 = 1;


//Placed bets, if true he placed bet
$chb_00 = $_GET['boxchecked'];

$bet_straight_placed = array(
    $sqr_00 => (bool) $chb_00,
    $sqr_0 => true,
    $sqr_1 => true
);

//tell the user what number he piecked

echo "You chose this numbers: " . join(", ", array_keys(array_filter($bet_straight_placed))) . '<br />' . '<br />';

我很抱歉,我知道这一定是完全基本的但我无法理解这个AJAX“事情”。

谢谢!!!

1 个答案:

答案 0 :(得分:1)

在你的javascript中,你可以做这样的事情

var isChecked = document.myform.checkbox.checked ? 1 : 0;
xmlhttp.open("GET","roulette.php?boxchecked=" + isChecked,true);

然后,在你的php中,你可以阅读$_GET['boxchecked'],如果选中该复选框,则为1;如果不是,则为0。

编辑:将想法扩展到多个字段。
要执行此操作,您可以根据需要添加任意数量的复选框,例如它们的名称为value1, value2, value3, ...。然后你可以做这样的事情:

var value1 = document.myform.value1.checked ? 1 : 0;
var value2 = document.myform.value2.checked ? 1 : 0;
var value3 = document.myform.value3.checked ? 1 : 0;
...

xmlhttp.open("GET","roulette.php?value1=" + value1 + "&value2=" + value2 + "&value3=" + value3 ...,true);

在php中,阅读$_GET['value1'], $_GET['value2'], $_GET['value3']...

获得概念后,如果需要,可以编写一些函数来减少重复。