Jfinal Ajax上传文件 接受JSON返回值

来源:互联网 发布:统计学毕业论文数据 编辑:程序博客网 时间:2024/06/06 02:24

感谢提问:http://www.jfinal.com/feedback/422

http://www.jfinal.com/assets/jquery_form/jquery.form.min.js 然后用下面几行代码搞定:
$(document).ready(function() {
$("#myArticleForm").ajaxForm({
dataType: "json"
, success: function(ret) {}
, error: function(ret) {}
});
});
1:注意页面 form 表单的 id 属性为:myArticleForm,这个可以改,注意对上js中的选择器使用的名称就好,也可以使用别的选择器
2:注意页面 form 表单需要设置 method 与 enctype 属性: method="POST" enctype="multipart/form-data"
3:注意页面 form 表单的提交按钮的 typ 类型是常规的 submit:type="submit" 
jquery form 这个工具的关键功能就是:页面要提交的表单,按照常规的非 ajax 的方式去组织,例如提交铵钮是 submit 而不是 button 类型,然后 jquery form 通过 $(...).ajaxForm(...) 这行代码可以接管提交这个动作,将你的普通表单提交直接改变成 ajax 提交

<form id="form" method="post" enctype="multipart/form-data">  <tr>    <td>上传文件:</td>    <td><input name="file" type="file" id="file" class="validate[required]" /></td>  </tr> <tr>    <td colspan="2"><input type="submit" value="提交" /> <input type="button" value="重置" onclick="resetForm('form')" /></td> </tr> </form>
$(function(){  $("#form").ajaxForm({    url : path + '/journal/upLoadFile',    dataType : 'json',    data : $('#form').serialize(),    success : function(data) {      alert(data.success);      alert(data.msg);    },    error : function(data) {      alert(data.error);      alert(data.msg);    }  });});
UploadFile up = getFile("file");setAttr("success", true);setAttr("msg", "上传成功!");renderJson();

阅读全文
0 0
原创粉丝点击