/*

    Usage Note:

    -----------

    Do not use both ajaxSubmit and ajaxForm on the same form.  These

    functions are mutually exclusive.  Use ajaxSubmit if you want

    to bind your own submit handler to the form.  For example,

    $(document).ready(function() {

        $('#myForm').on('submit', function(e) {

            e.preventDefault(); // <-- important

            $(this).ajaxSubmit({

                target: '#output'

            });

        });

    });

    Use ajaxForm when you want the plugin to manage all the event binding

    for you.  For example,

    $(document).ready(function() {

        $('#myForm').ajaxForm({

            target: '#output'

        });

    });

    You can also use ajaxForm with delegation (requires jQuery v1.7+), so the

    form does not have to exist when you invoke ajaxForm:

    $('#myForm').ajaxForm({

        delegation: true,

        target: '#output'

    });

    When using ajaxForm, the ajaxSubmit function will be invoked for you

    at the appropriate time.

*/

<script type="text/javascript">

    $(document).ready(function () {

        $("#btnAjaxSubmit").click(function () {

            var options = {

                url: 'action.url',

                type: 'post',

                dataType: 'text',

                data: $("#form").serialize(),　　//序列化

                success: function (data) {　　　 //提交成功之后的回调函数

                    if (data.length > 0){

                        $("#responseText").text(data);

　　　　　　　　　　　　}

                }

            };

            // ajaxForm

            $("#form").ajaxForm(options);

            // ajaxSubmit

            $("#form").ajaxSubmit(options);

        });

    });

</script>