开发货比百家购物搜索的后台,增加文件异步上传的功能,前端使用的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
- 大小: 15.1 KB
分享到:
相关推荐
使用Jquery做上传文件处理时,用到了ajaxfileupload.js 这个第三方代码,但是这个js几乎就是半成品,问题很多。现在整理如下并附修复版的ajaxfileupload.js下载。 问题: 1:无法带参数提交,只能上传文件; 2:...
ajaxFileUpload 博文链接:https://raising.iteye.com/blog/2233668
jquery实现的ajax文件上传功能 $.ajaxFileUpload ( { url:'doajaxfileupload.php', secureuri:false, fileElementId:'fileToUpload', dataType: 'json', success: function (data, ...
ajax+jquery+struct+ajaxfileupload有增删改功能上传文件例子
AJAXFileUpload ajax 异步文件上传 进度条AJAXFileUpload ajax 异步文件上传 进度条
本文实例为大家分享了jquery实现异步文件上传的具体代码,供大家参考,具体内容如下 ajaxfileupload.js 异步上传文件: 直接引用。 调用方法: $.ajaxFileUpload({ url:'',//后台接口地址 type: post, secureuri...
ajax上传文件 ajaxfileupload.js
修复ajaxfileupload.js 不能携带参数问题,修复返回json格式报错问题。轻松搞定异步上传图片问题。
通过修改终于使得ajaxfileupload兼容jquery3,代码已上线运行。
jquery ajaxfileupload上传插件,用于ajax的异步文件上传
ajaxfileupload.js(struts2返回json后,success接收不到,修改后的版本) strust2+ajaxfileupload,成功后的回调
jquery+ajaxfileupload+html文件上传,用ajaxfileupload插件做的上传文件
NULL 博文链接:https://451640893.iteye.com/blog/2400740
主要介绍了ajaxFileUpload插件,C#返回Json数据报错的解决方案,需要的朋友可以参考下
包含jar包:ajaxfileupload.js jquery-1.7.1.js jquery-1.10.2.js json2.js
ajaxfileupload.js用于文件上传
折腾了一天,亲自调试完成亲测jquery+ajaxfileupload+demo
jQuery插件AjaxFileUpload用来实现ajax文件上传,该插件使用非常简单,接下来写个demo演示怎么用AjaxFileUpload插件实现文件上传。 1、引入AjaxFileUpload插件相关的js 复制代码 代码如下:[removed]resources/js/...
ajaxfileupload.js 这是个非常好的异步上传图片的插件,来解决form表单上传时要刷新页面的问题。支持多文件上传
如题:ajax上传文件插件ajaxfileupload.js非压缩版