-2

只是想问一下,我将如何使用 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; }
   }

这行得通吗?

4

1 回答 1

-5

看来您想要做的是停止提交您需要添加onsubmit="return ajax_submit()"到 HTML 中的代码并确保函数 return false

function ajax_submit()     
   {  
return false;
   }

从代码的外观来看,您将从使用jQuery选择 DOM 元素中受益匪浅,因为它将大大简化您的生活。

就这一点而言,使用 jQuery Ajax 将使您的生活变得更加轻松。特别是如果您阅读了 jQuery AJAX 函数

$.post("test.php", { bugid: $('#U_bugid').val(), device: $('#U_device').val() } );
于 2013-05-20T14:38:46.587 回答