Question

我有表格：

<form class="dark-bg iq-pall-30" action="" id="mainform" method="post">
...
</form>

这是我的“提交按钮”：

<a href="#" class="button" onclick="$('#mainform').submit();">Go</a>

这很好用。但是当我尝试使用ajax时却没有。

  $('#mainform').submit(function(){
        $.ajax({
            type: "POST",
            url: "link..",
            data: $("#mainform").serialize(),
            success: function(json){
                if (json['error']) {
                    $("#content22").html(json['result']);
                }
                if (json['result'])
                {
                    $( "#mainsec" ).empty();       
                    $("#content22").html(json['result']);          
                }
            }
        });
        return false;
    });

结果，我得到一个空页面。我做错了什么？

Answer 1

使用这种方式：

<form class="dark-bg iq-pall-30" action="" id="mainform" method="post">


</form>

<a href="#" type="button" class="button" onclick="submitForm();">Go</a>

   <script>
    function submitForm(){    
        $.ajax({
            type: "POST",
            url: "link..",
            data: $("#mainform").serialize(),
            success: function(json){
                if (json['error']) {
                    $("#content22").html(json['result']);
                }
                if (json['result'])
                {
                    $( "#mainsec" ).empty();       
                    $("#content22").html(json['result']);          
                }
            }
        });
    }
    </script>

Bootsrtap + ajax问题：提交无效

1 个答案: