如何使用php处理表单&;AJAX

如何使用php处理表单&;AJAX,php,mysql,ajax,Php,Mysql,Ajax,如何使用php和ajax处理表单 html: 如何从收音机中收集值,然后用php$value=''提交并在单击按钮后向用户显示此值 我想做一个简单的表格。用户从表单中选择值,然后单击按钮。该值将立即显示给用户,并添加到mysql数据库中。您需要设置单选按钮的名称 <form id="foo"> <input type="radio" value="1" name="bar"/> <input type="radio" value="2" name="bar"

如何使用php和ajax处理表单

html:


如何从收音机中收集值,然后用php
$value=''提交
并在单击按钮后向用户显示此值


我想做一个简单的表格。用户从表单中选择值,然后单击按钮。该值将立即显示给用户,并添加到mysql数据库中。

您需要设置单选按钮的名称

<form id="foo">
 <input type="radio" value="1" name="bar"/>
 <input type="radio" value="2" name="bar"/>
 <input type="radio" value="3" name="bar"/>
 <input type="radio" value="4" name="bar"/>
 <input type="button" id="go" value="go"/>
</form>
在php中

<?php
// connect to database
$bar = mysql_real_escape_string($_POST['bar']);
mysql_query("INSERT INTO table (bar) VALUES ('$bar')");
echo $bar;
?>

对于HTML,不要忘记给单选按钮一个
名称
属性

<form id="form">
  <input type="radio" value="1" name="my_radio" />
  <input type="radio" value="2" name="my_radio"  />
  <input type="radio" value="3" name="my_radio" />
  <input type="radio" value="4" name="my_radio" />
  <input type="button" id="go" value="go"/>
</form>
对于PHP

if( isset( $_POST['my_radio'] ) )
{
   echo json_encode( array('radio_value' => $_POST['my_radio'] ) ); 
}

您已经回答了您的问题:使用AJAX。最简单的方法是使用jquery:有几个AJAX库可以做到这一点,包括但不限于jquery、prototype、Dojo和MooTools。我建议您研究他们的API,并使用您觉得最舒服的API。顺便说一句,你真的应该给你的单选按钮组命名,否则它们不会相互排斥,为了符合,你应该将其中一个设置为默认选中。但是如果我有几个#foo(foo1,foo2,foo3)表单,如何收集所有值并求和?(只是数字值)如果只有一个提交,为什么要使用多个表单?使用一个表单并将所有收音机和其他表单元素放入其中。如果必须,您可以使用此
$('#foo1,#foo2,#foo3')。serialize()
,它将从所有表单返回值。
<form id="form">
  <input type="radio" value="1" name="my_radio" />
  <input type="radio" value="2" name="my_radio"  />
  <input type="radio" value="3" name="my_radio" />
  <input type="radio" value="4" name="my_radio" />
  <input type="button" id="go" value="go"/>
</form>
$('#form').submit(function(){
   $.post('file.php', { $(this).serialize() }, function( data ) { 
     alert( data.radio_value ); 
   })
}); 
if( isset( $_POST['my_radio'] ) )
{
   echo json_encode( array('radio_value' => $_POST['my_radio'] ) ); 
}