ajax表单提交

没有插件的情况下表单提交   

    $.ajax({

       cache: true,

       type: "POST",

       url:ajaxCallUrl,

       data:$('#yourformid').serialize(),// 你的formid

       async: false,

       error: function(request) {

       alert("Connection error");

           },

       success: function(data) {

       $("#commonLayout_appcreshi").parent().html(data);

                }

            });

 

利用jquery.Form.js提交表单

<script type="text/javascript">
        $(document).ready(function () {
        var options = {
            success: function (data) {
                $("#responseText").text(data);
            }
        };

            // ajaxForm
            $("#form1").ajaxForm(options);

            // ajaxSubmit
            $("#btnAjaxSubmit").click(function () {
                $("#form1").ajaxSubmit(options);
            });
        });
    </script>

方案：jQuery.form.js插件

         此方案优势：

1)         简简单单几句代码，我们就可以实现表单的提交，并且可灵活通过ajaxSubmit()函数基于任何事件的触发实现表单异步提交。

2)         支持文件上传功能，并在新浏览器中支持进度条更新。（在jQuery.form插件源码分析中会进行说明）

3)         与jQuery库完美结合，支持jQuery.ajax()函数触发的各种事件，支持jQuery.ajax()中所传递的参数。（在jQuery.form插件源码分析中会进行说明）