Question

提交按钮

<td><span id="harvest-submit" class="save-floppy fa fa-floppy-o"></i></span></td>

jquery代码

$('#harvest-submit').click(function(){
        $.ajax({
            url:'/smartfarm/control/saveHarvestGrade',
            type:'POST',
            data:$('#createHarvestGrades').serialize(),
            success:function(result){
            jQuery.ajax({
                url: "/smartfarm/control/ajaxHarvestGradeList",
                type: "POST",
                data: {cropId:$('.harvest-grade-disable').attr("val")},
                success: function(data) {
                            $('.harvest-grade-list').html(data);
                            $('html, body').animate({scrollTop: $("#grade-list-last-line").offset().top}, 2000);
                            $('.info-box-hg').html('Created Successfully!!')
                            $('.info-box-hg').show();
                            setTimeout(function() { $(".info-box-hg").hide(); }, 5000);
                            $('.warning-box-hg').hide();
                            $('.alert-box-hg').hide();
                }
            });
          }
        });
    });

Answer 1

我将你的代码放入$（document）.ready（function（）{}）;它将运行（使用按钮而不是span）。您在页面中的代码在哪里？您必须采取正确的步调添加点击事件。

Answer 2

在“成功创建!!”之后，你错过了一个分号在最后一次ajax成功通话中排队。您也没有处理错误，因此如果您收到ajax错误，将无法访问代码的其他分支，并且可能会无提示失败。

Answer 3

我认为你的

中有一些错误的标签

<td><span id="harvest-submit" class="save-floppy fa fa-floppy-o"></i></span></td>,

你把我关闭标记放在哪里？这可能不是他的问题，但你应该检查一下，或者它是否适用于你，你能否提出一些警告，你可以确保调用进入该函数

或者你可以像这样打电话

$("#harvest-submit").live("click", function(){});

JQuery提交Via Ajax不起作用

3 个答案: