在单个页面中使用ajax和php进行多表单数据上传

我的疑问是如果我有

这些div标记是使用jquery的转换效果隐藏的。我想在results中获得div1、2、3的结果

1 div
  <div id="1">    
   </div>      
2 div
   <div id="2">
    </div>       
3 div
   <div id="3">
   </div>
   <input type="submit" name="first-sudmit" value="NEXT" onclick="result(this.value)" />
    </div>
    <div id="result">   
        result    
    </div>

在js中：

<script type="text/javascript">
function showResult()    
{
    alert("dfadsfdasf");
    xmlhttp.open("GET","result.php?q="+str,true);
    xmlhttp.send();
}
</script>

我甚至试着连载嘟嘟。。。。。没有运行php脚本

像

js:

php:

那么现在如何在上一个result div标签中获得这些表单的结果

---

请回答这个问题……

您的问题有点难理解，但是如果我理解您的问题，我相信您的序列化代码可以工作，但是我相信您需要使用包含您希望序列化的元素的表单ID。因此：

1 div
  <div id="1">
     <form id="firstFormToSubmit">......</form>
   </div>      
2 div
   <div id="2">
     <form id="secondFormToSubmit">......</form>
    </div>       
3 div
   <div id="3">
    <form id="thirdFormToSubmit">......</form>
   </div>
   <input type="submit" name="first-sudmit" value="NEXT" onclick="result(this.value)" />
    </div>
    <div id="result">   
        result    
    </div>

---

如果是jQuery，为什么不使用jQuery代码？示例很难阅读，第一个HTML示例的格式不正确。我想代码中没有数字1、2和3，并且我找不到函数result的声明。您的意思是onclick=showResult吗？。你能澄清一下吗？Tanks in Advanced感谢您的响应，它是onclick=showresult，但我对jquery是新手，所以我得到了每个页面的差异jquery，如果您为所有em提供一个公共页面，我真的很感激。。。。。像我的每个部门一样，我得到了5个问题广播按钮的表格。。。。。我想在最后一个div标记中生成结果…所以你想得到所有输入和控件的值，但它们不在表单标记中？我说的对吗？我用的是表格，但每个div标签我都有一个表格，我们能把所有的结果都放到最后一个div中吗？即使是单独的div标签，比如div 1 result和div 2 results。。。。

   //page1 process
    if(!ekpty($_POST['first-submit']))
    {
        $first1=$_POST['drop1'];
        $first2=$_POST['drop2'];
        $first3=$_POST['drop3'];
        $first4=$_POST['drop4'];
        $first5=$_POST['drop5'];
      for(i=0;i<=4;i++)
      {         
          $sql="INSERT INTO $score1(correct)VALUES('$first[i]')";        
      }                
    }
    else
    {
          print '<script type="text/javascript">'; 
          print 'alert("page 1 no answer is attempted")'; 
          print '</script>'; 
    }
//output resu;ts
$sql="SELECT count(chkpt) from score1 where chkpt='1'";    
echo $sql;

1 div
  <div id="1">
     <form id="firstFormToSubmit">......</form>
   </div>      
2 div
   <div id="2">
     <form id="secondFormToSubmit">......</form>
    </div>       
3 div
   <div id="3">
    <form id="thirdFormToSubmit">......</form>
   </div>
   <input type="submit" name="first-sudmit" value="NEXT" onclick="result(this.value)" />
    </div>
    <div id="result">   
        result    
    </div>

submitHandler: function(form) {
            // do other stuff for a valid form
            $.post('result.php', $("#firstFormToSubmit").serialize(), function(data) {
             $('#results').html(data);
        });