Question

我想问一下，我将如何使用javascript通过ajax提交表单。这是我的代码：

<script>
 function show_edit(bugid,device)
 {
   document.getElementById('updateform').style.visibility='visible';
   document.getElementById('U_bugid').value=bugid;
   document.getElementById('U_device').value=device;
 }
 function hide()
 {
   document.getElementById('updateform').style.visibility='hidden';
 }
</script>

这是我隐藏的表格

   <div id"update_form" >
  <form onsubmit="ajax_submit();">
  <fieldset>
  <label for="maskset">MASKSET</label><input type='text' name='bugid' id='U_bugid' readonly >
 <label for="device">DEVICE</label><input type='text' name='device' id='U_device'   readonly>

 <label for="reason">Comments</label><textarea rows=10 cols=40 name='reason'></textarea>
 <input id="S_update" class='S_update' value="Update Data" type="submit" >
</form>
</fieldset>
</div>

我可以这样说，当我点击提交时，它会立即通过ajax代码和我的新评论（来自textarea）提交：

  function show_edit(bugid,device)
  {
  var maskset;
  document.getElementById('updateform').style.visibility='visible';
  document.getElementById('U_bugid').value=bugid;
    document.getElementById('U_device').value=device;

   function ajax_submit()     
   {  //code in submitting ajax i already know; }
   }

这会有用吗？

Answer 1

您想要做的就是停止向HTML添加onsubmit="return ajax_submit()"所需的代码的子代码，并确保函数返回false。

function ajax_submit()     
   {  
return false;
   }

通过代码的外观，您可以通过使用jQuery来选择DOM元素，因为它可以极大地简化您的生活。

关于这一点，使用jQuery Ajax会让你的生活变得更加容易。特别是如果你read up on jQuery AJAX functions 。

$.post("test.php", { bugid: $('#U_bugid').val(), device: $('#U_device').val() } );

使用javascript通过ajax提交我的表单

1 个答案: