Notes:ajaxForm上传文件,返回json,回调不到success的处理建议

把之前项目中头像上传的一个功能,改为ajaxForm回调success处理。

之前是先上传头像到服务器,然后再在另一个页面显示并通过jcrop剪辑,最终生成用户头像。

这个过程多了一步页面刷新,如果使用ajaxForm做异步文件提交,那么返回json数据直接处理,方便不少。

但是有一个问题那就是之前好多人遇到的问题,ajaxForm上传文件时,页面中的js无法回调success方法,导致出现下载框,昨天对这个问题深入做了测试,一般解决方式:

  1. 选对jquery版本和jform版本,并不是最新的版本都可以,推荐经测试肯定可以用的版本:jquery-1.5.1.min.js 和 jquery.form-2.67.js
  2. 如果出现下载框,可以尝试将服务器返回json的ContentType 改为text/html
  3. 使用struts-json插件的,可以如下设置:

    <result name="success" type="json">
        <param name="contentType">
               text/html
        </param>
    </result>
    

    直接在页面输出的,可以如下设置:

    HttpServletResponse response = ServletActionContext.getResponse();
    response.setContentType("text/html;charset=UTF-8");
    

利用JSON插件进行数据交换格式(includeProperties和excludeProperties用法)

JSON(Java Script Object Notation),是一种语言无关的数据交换格式。 JSON插件是Structs 2 的Ajax插件,通过利用JSON插件,开发者可以很方便,灵活的利用Ajax进行开发。

Json是一种轻量级的数据交换格式,JSon插件提供了一种名为json的Action ResultType 。一旦为Action指定了该结果处理类型,JSON插件就会自动将Action里的数据序列化成JSON格式的数据,并返回给客户端物理视图的JavaScript。简单的说,JSON插件允许我们在JavaScript中异步的调用Action。

而且Action不需要指定视图来显示Action的信息显示而是由JSON插件来负责具体将Action里面具体的信息返回给调用页面。Json的数据格式可简单如下形式: person = { name: ‘Jim’,age: 18,gender: ‘man’}。

如果action的属性很多,我们想要从Action返回到调用页面的数据。这个时候配置includeProperties或者 excludeProperties拦截器即可。而这2个拦截器的定义都在struts2的json-default包内,所以要使用该拦截器的包都要继承自json-default。

<struts>
    <constant value="spring" name="struts.objectFactory" />
    <include file="struts-admin.xml"></include>
    <package name="default" extends="json-default">
        <action class="com.person.PersonAction" name="person" method="view">
            <result type="json">
                <param name="includeProperties">person\.name,persoon\.age,person\.gender </param>
            </result>
        </action>
    </package>
</struts>

继续阅读利用JSON插件进行数据交换格式(includeProperties和excludeProperties用法)