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

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

看来您想要做的是停止提交您需要将onsubmit="return ajax_submit()" 添加到您的HTML 并确保函数返回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() } );