使用AJAX发布表单

时间:2010-06-08 17:41:13

标签: ajax forms post

你知道如何发送

的单选按钮名称
myAjaxPostrequest.send(parameters);

参数可以是这样的:

var answername=document.getElementById('option1').name;

var parameters=answername;

?此代码用于使用ajax发布表单

我的php页面需要点击radiobutton的名称

我尝试了这个代码,除了插入数据库之外,它可以正常工作。这意味着参数是问题

我要插入的是位于radiobutton名称的brakects之间的数字。

当我在没有AJAX的情况下发布表格但我现在无法发送无线电按钮的名称时,我可以这样做

关于我可以作为函数myAjaxPostrequest.send(parameters);的参数发送什么的任何线索?

<form id="Question1" method="post"> 
<br />
<P> The sky color is..
</P><img border="0" src="images/wonder.png" width="94" height="134"/><br /><br /><br />
<input type="radio" id="option1" name="answer[1]" value="correct!" onclick="submitFormWithAjax();"/> blue
<br />
<input type="radio" id="option1" name="answer[1]" value="false!" onclick="submitFormWithAjax();"/> red
<br />
<input type="radio" id="option1" name="answer[1]" value="false!" onclick="submitFormWithAjax();"/> green
<br />
<input type="radio" id="option1" name="answer[1]" value="false!" onclick="submitFormWithAjax();"/> white
</form>

2 个答案:

答案 0 :(得分:1)

通过以下方式,您可以将参数传递给ajax调用:

var url = "get_data.php";
var params = "lorem=ipsum&name=binny";
http.open("POST", url, true);

//Send the proper header information along with the request
http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http.setRequestHeader("Content-length", params.length);
http.setRequestHeader("Connection", "close");

http.onreadystatechange = function() {//Call a function when the state changes.
    if(http.readyState == 4 && http.status == 200) {
        alert(http.responseText);
    }
}
http.send(params);

答案 1 :(得分:0)

你会使用:

var checkedRadio = document.getElementsByName('nameOfRadios');
var isChecked = checkedRadio.checked

因此,要获得已检查无线电的值,请执行以下操作:

var checkedRadio = document.getElementsByName('nameOfRadios');
var isChecked = checkedRadio.checked;
var checkedValue;
for (var i=0; i<checkedRadio.length; i++) {
    if (checkedRadio[i].checked){
      checkedValue = checkedRadio[i].value;
   }
}