使用jQuery ajax表单提交

单击li时，不使用ajax.form提交表单。 给我一些解决方案

我的js代码就在这里

$(document).ready(function(){ $('#sortable li').click(function() { $("#frmgallery").submit(function(event) { event.preventDefault(); var formdata = $(this).serialize(); alert(formdata); $.ajax({ type: "POST", url: "gallery.php", data: formdata, success: function(){alert('success');} }); }); }); 

HTML就在这里

  <form method="post" enctype="multipart/form-data" id="frmgallery" name="gallery" action="https://stackoverflow.com/questions/16808440/form-submission-using-jquery-ajax/admin.php?page=gallery/gallery.php"> 
 Query <li class="ui-state-default" name='liindex' id="" >  <img class='thumbnail' alt='' src='https://stackoverflow.com/questions/16808440/form-submission-using-jquery-ajax//wp-content/themes/townsley/upload/' width='80' height='60' style="border: 1px solid #D3D3D3;padding:2px;"/><input type="hidden" value="" name="recordId[]" /> <a href="https://stackoverflow.com/questions/16808440/form-submission-using-jquery-ajax/admin.php?page=gallery/gallery.php&delid=" style="display:block;text-align:center" title="DELETE this image from the record" class="arial-red">Remove  
  

请帮帮我谢谢

ajax jquery javascript

Answer 1

你应该在你的问题中提供你的HTML，但据我所知，你在event回调中有event ，实际上没有任何东西可以启动submit事件。 所以基本上你应该考虑这样的事情：

 $(document).ready(function(){ $('#sortable li').click(function() { event.preventDefault(); var formdata = $("#frmgallery").serialize(); alert(formdata); $.ajax({ type: "POST", url: "gallery.php", data: formdata, success: function(){alert('success');} }); }); }); 

Answer 2

您可以使用Ajax Form Plugin中的ajaxForm / ajaxSubmit函数或jQuery serialize函数。

例：

 $("#frmgallery").ajaxForm({url: 'gallery.php', type: 'post'}) 

要么

 $("#frmgallery").ajaxSubmit({url: 'gallery.php', type: 'post'}) 

当按下提交按钮时， ajaxForm将发送。 ajaxSubmit立即发送。

Answer 3

您是否尝试在提交function结束时返回false？

  $("#frmgallery").submit(function(e) { e.preventDefault(); var formdata = $(this).serialize(); alert(formdata); $.ajax({ type: "POST", url: "gallery.php", data: formdata, success: function(){alert('success');} error: function(){alert('error');} }); return false; }); $('#sortable li').click(function() { $("#frmgallery").submit(); }); 

同时发布你从$.ajax电话获得的内容

Answer 4

 $("#frmgallery").ajaxForm({url: 'gallery.php', type: 'post'}) 

您是否尝试在提交function结束时返回false？

  $("#frmgallery").submit(function(e) { e.preventDefault(); var formdata = $(this).serialize(); alert(formdata); $.ajax({ type: "POST", url: "gallery.php", data: formdata, success: function(){alert('success');} error: function(){alert('error');} }); return false; }); $('#sortable li').click(function() { $("#frmgallery").submit(); });