Question

您好我正在使用以下代码动态打印出单选按钮列表：

<form method="post">
<p>Name of list:   
  <label for="name"></label>
 <input type="text" name="name" id="name">
</p>
<p>Name of item:
<input id="first_name" name="first_name" type="text" /> 
<br />
<?php echo $form;?>
<input name="myBtn" type="submit" value="Submit Data" onClick="javascript:ajax_post();"></form>

其中$ form是保存单选按钮列表的变量。现在我需要使用ajax函数ajax_post（）将选定的单选按钮传递给另一个php文件。但是因为我的表单方法是POST我的ajax函数被覆盖并且没有被调用。继承我的ajax功能

function ajax_post(){

var hr = new XMLHttpRequest();
var id = '<?php echo $id; ?>';
var rd = '<?php echo $_POST['radio'];?>';
var url = "my_parse_file.php";
var fn = document.getElementById("first_name").value;
  var nm = document.getElementById("name").value;

 var vars = "todo="+fn+"&name="+nm+"&id="+id+"&rd="+rd;
hr.open("POST", url, true);

hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
hr.onreadystatechange = function() {
    if(hr.readyState == 4 && hr.status == 200) {
        var return_data = hr.responseText;
        document.getElementById("status").innerHTML = return_data;
    }
}
hr.send(vars); // Actually execute the request

}

我需要它是POST，因为我想提取我按下的单选按钮，我还需要ajax功能才能工作......任何解决方法？

Answer 1

您需要从您的函数return false;中避免以常规方式提交表单。

单选按钮数据到ajax

1 个答案: