使用jQuery ajax文件上传ajaxfileupload组建碰到的问题：返回json带有pre标记的解决方案...

开发货比百家购物搜索的后台，增加文件异步上传的功能，前端使用的js组建是jquery，曾经使用过ajaxfileupload，直接使用，碰到了个问题：

返回jason格式的数据报了错。于是，firebug下跟踪下，结果如下：

结果是正常的。

检查下spring servlet的配置，也没有错。
    <bean
        class="org.springframework.web.servlet.view.ContentNegotiatingViewResolver">
        <property name="defaultContentType" value="application/json" />
        <property name="mediaTypes">
            <map>
                <entry key="json" value="application/json" />
                <entry key="html" value="text/html" />
            </map>
        </property>
        <property name="viewResolvers">
            <list>
                <bean class="org.springframework.web.servlet.view.BeanNameViewResolver" />
                <bean
                    class="org.springframework.web.servlet.view.InternalResourceViewResolver">
                    <property name="viewClass"
                        value="org.springframework.web.servlet.view.JstlView" />
                    <property name="prefix" value="/jsp/" />
                    <property name="suffix" value=".jsp" />
                </bean>
            </list>
        </property>
        <property name="defaultViews">
            <list>
                <!-- 输出为JSON数据 -->
                <bean
                    class="org.springframework.web.servlet.view.json.MappingJacksonJsonView">
                </bean>
            </list>
        </property>
    </bean>

接着分析下ajaxfileupload源代码，ajaxfileupload 是创建了个iframe，来实现异步上传文件，firebug看下iframe的内容，发现莫名其妙的加上了<pre>，难怪导致解析json数据发生错误。

 

继续看源代码，最下面发现：

if ( type == "json" )
            eval( "data = " + data );

改成：

        if ( type == "json" ){
            data = jQuery.parseJSON(jQuery(data).text());
        }

OK，如此问题就解决了。

比较购物网站 ：http://www.huobibaijia.com/ 。研究比较购物技术，感兴趣的朋友QQ联系。

QQ：909546261

 

 本文为原创，雷同者均为抄袭，可以转载作为学习研究或备份所用，本人保留一切权利，转载请注明出处。

原文：http://emeifeng.iteye.com/blog/1307506