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

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

1.先导入jquery.form.js

2.form表单的元素:

<form >

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

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

js中的代码如下:

button形式:

 1 //提交
 2     $('.btn_submit').click(function(){
 3         var url = "{:U('admin/Content/doAddIndexNearby')}";
 4         $('#post_method').val('0');
 5         $('#form2_form').attr('action', url);
 6         $('#form2_form').submit();
 7     });
 8 
 9     $('.so_main #form2_form').submit(function(){
10         var $btnSubmit = $('.btn_submit');
11 
12         var post_method = $('#post_method').val();
13 
14         if (post_method == '1') {
15         } else {
16             $(this).ajaxSubmit({
17                 dataType: 'json',
18                 beforeSubmit: function() {
19                     var error = 0;
20                     error = checkForm(error);
21                     if (error > 0) {
22                         return false;
23                     }
24                     $btnSubmit.attr('disabled', 'disabled');
25                     return true;
26                 },
27                 success: function(data) {
28                     $btnSubmit.removeAttr('disabled');
29                     
30                     if (data.code == 0) {
31                         var url = '<?php echo U("admin/Content/ad", array("ad_index" => 1,"index_index" => 1)); ?>';
32                         window.location.href = url;
33                     } else {
34                         alert(data.message);
35                         return false;
36                     }
37                 }
38             });
39 
40             return false;
41         }
42     });

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