Javascript 使用jqueryajax提交表单

表单未使用ajax提交。单击li提交表单。给我一些解决办法

我的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="<?php get_template_directory();?>admin.php?page=gallery/gallery.php">

<ul id="sortable">

Query

<li  class="ui-state-default" name='liindex' id="<?php echo $row['glryRecordId'];?>" >
<span style="display:none"><?php echo $row['glryRecordId'];?></span>
<img class='thumbnail' alt=''  src='<?php echo get_site_url();?>/wp-content/themes/townsley/upload/<?php echo $row['glryName']; ?>' width='80' height='60' 
 style="border: 1px solid #D3D3D3;padding:2px;"/><input type="hidden" value="<?php echo $row['glryRecordId'];?>" name="recordId[]" />
    <a href="<?php get_template_directory();?>admin.php?page=gallery/gallery.php&delid=<?php echo $row['glryRecordId'];?>" style="display:block;text-align:center"  title="DELETE this image from the record" class="arial-red">Remove</a>
</li>


</ul>
</form> 

/wp content/themes/townsley/upload/'width='80'height='60'
style=“border:1px solid#d3d3；padding:2px；”/>您的问题中也应该提供您的HTML，但据我所知，您在
事件中有
事件
回调，实际上没有启动
提交
事件。所以基本上你应该考虑这样的事情：

$(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');}
        });
    });

});

您可以使用中的ajaxForm/ajaxSubmit函数或jQuery序列化函数

示例：

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

或

ajaxForm
将在按下提交按钮时发送
ajaxSubmit
立即发送。
您是否尝试在提交功能结束时返回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();
});

    $("#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
调用中获得的内容

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

您是否尝试在提交函数结束时返回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();
});

    $("#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();
});

什么是可排序的li？。您需要显示您的html。请小心使用
函数（事件）
，最好使用像
函数（e）
这样的非保留名称。请格式化您的html，以便更好地阅读。这也会帮助你自己。另外，清理或删除冗余的css类。我无法想象你的
ul
需要排序（或者选择更多的“语义”名称）。从代码中可以看出，在附加
submit
事件处理程序之前，您必须首先单击
ul#sortable
，这是故意的吗？我没有使用submit按钮。单击li时提交表单