Question

如何使用php＆amp;处理表单AJAX？

HTML：

<form>
 <input type="radio" value="1" />
 <input type="radio" value="2" />
 <input type="radio" value="3" />
 <input type="radio" value="4" />
 <input type="button" id="go" value="go"/>
</form>

如何从广播中收集价值，然后在php $value='';中提交，并在点击按钮#go后向用户显示此值？

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

Answer 1

对于HTML，请不要忘记为单选按钮指定name属性。

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

对于Javsacript，请指定您的文件而不是file.php

$('#form').submit(function(){
   $.post('file.php', { $(this).serialize() }, function( data ) { 
     alert( data.radio_value ); 
   })
});

对于PHP

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

Answer 2

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

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

如果你可以使用jQuery，那么你可以使用这段代码：

$('#go').click(function() {
    $.post('script.php', $('#foo').serialize(), function(data) {
        alert(data);
    });
});

并在php中

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

如何使用php＆amp;处理表单AJAX？

2 个答案: