php - ajax js序列化不读取表单元素

Question

有一个无法被serialize()函数读取的表单。

 <script type="text/javascript">
 function submitTrans1(){
  var formData = $('form1').serialize();
  var options = {
   method:'post',
   postBody:'formData',
   onCreate: function(){alert(formData)},
      onSuccess: function(transport){alert("onSuccess alert \n" + transport.responseText);},
   onComplete: function(){alert('complete');},
   onFailure: function(){alert('Something went wrong...')}
   }

  new Ajax.Request('/clients/addTrans/<?=$clientID123?>/',options);
 }
 </script>
  <?php
  $datestring = "%Y-%m-%d";
  $time = time();
  $clid1 = $this->uri->segment(3);
  ?>
  <form name="form1" id="form1">
   <div id="addTransDiv" style="display:none">

     <div class="">
      <label for="transDesc" id="transDesc" value="sadf" class="preField">Description</label>
      <textarea cols="40" rows="3" id="transDesc" value="" name="transDesc" class=""></textarea>
     </div>
     <div class="">
      <label for="date" class="preField">Date</label>
      <input type="date" id="transDate" name="date" value="<?=mdate($datestring, $time);?>" size="40" class=""/><br/>
     </div>
     <div class="">
      <label for="userfile" class="preField">File</label>
      <input type="file" name="transFile" id="userfile" size="20" /><br>
     </div>
     <input type="button" id="submitTrans" name="submitTrans" value="Submit" onclick="submitTrans1()">

   </div>
  </form>

呃，我在 Ajax.Request 的 onSuccess 参数中有一个警报，理想情况下它会提醒分配给序列化表单的变量。然而，当它发出警报时，它什么也不发出警报。我还让处理 url 打印出 $_POST 数据以防万一，但这也会在responseText中返回一个空数组，所以实际上没有任何内容被发布到表单中。

谢谢。

编辑1

看来问题可能与表单位于 div 内有关。如果我删除页面上除表单和js之外的所有内容，它就可以正常工作。但表单位于默认情况下隐藏的 div 中，并使用另一个函数来显示。如果表单数据位于 div 中，是否需要某种魔法来通过序列化获取表单数据？

<小时/>

编辑2

尝试添加引号和井号以及所有其他爵士乐。我正在使用 Web 开发人员工具栏、firebug 等...它不会抛出任何 js 错误，也不会害怕任何事情。

Answer 1

尝试删除 postBody 字段中变量名 formData 周围的引号。

Firefox 中的 Web 开发人员工具栏与调试客户端 JavaScript 的工具栏一样有用。

顺便说一句，该代码片段包含一些未定义的项目，例如 JS 函数 showTransAdd()、几个 PHP 变量、PHP 函数 mdate() 以及原型(prototype)库的包含内容。