ajax表单提交插件jquery.form.js的运用

该插件提交的数据包含上传的图片。

1.先导入jquery.form.js

2.form表单的元素：

<form id="form2_form" method="post" target="_blank" action="{:U('admin/Content/doAddIndexNearby')}">

可以不要target，target是用来新打开窗口的提交方式。

 

按钮是submit形式，如果是button的话，就要点击出发form表单的提交。

 

js中的代码如下：

button形式：

//提交
    $('.btn_submit').click(function(){
        var url = "{:U('admin/Content/doAddIndexNearby')}";
        $('#post_method').val('0');
        $('#form2_form').attr('action', url);
        $('#form2_form').submit();
    });

    $('.so_main #form2_form').submit(function(){
        var $btnSubmit = $('.btn_submit');

        var post_method = $('#post_method').val();

        if (post_method == '1') {
        } else {
            $(this).ajaxSubmit({
                dataType: 'json',
                beforeSubmit: function() {
                    var error = 0;
                    error = checkForm(error);
                    if (error > 0) {
                        return false;
                    }
                    $btnSubmit.attr('disabled', 'disabled');
                    return true;
                },
                success: function(data) {
                    $btnSubmit.removeAttr('disabled');
                    
                    if (data.code == 0) {
                        var url = '<?php echo U("admin/Content/ad", array("ad_index" => 1,"index_index" => 1)); ?>';
                        window.location.href = url;
                    } else {
                        alert(data.message);
                        return false;
                    }
                }
            });

            return false;
        }
    });

如果按钮是submit的话，就直接是$('.so_main #form2_form').submit(function(){这样。