extjs 上传文件或是图片后返回json解析错误

        最近在用到extjs向后台服务器上传图片时，遇到一个让自己头疼了好几天的问题。问题是这样的，当我用ext的ajax上传图片时，程序老是被卡主没有响应。

       下面这段代码 是我定义的一个表单面板，用来上传图片用。

var UpLoadImgForm = new Ext.FormPanel({
id:"uploadform",
region: 'center',
labelWidth: 60,
autoScroll: true,
border: false,
fileUpload: true,
buttonAlign: 'center',
height: 115,
items: [{
xtype: 'textfield',
fieldLabel: '选择图片',
name: 'UpLoadImgPath',
inputType: 'file',
allowBlank: false,
blankText: '文件不能为空',
anchor: '93%'
}],
buttons: [{
text: '上传',
style: 'margin-bottom:10px;margin-top:10px;',
type: 'submit',
handler: function () {

}
}, {
text: '关闭',
style: 'margin-bottom:10px;margin-top:10px;',
type: 'submit',
handler: function () {

}
}]
});

     接下来这段代码是我提交表单时候执行的。

UpLoadImgForm.form.submit({
url: requestUrl,
method: 'POST',

success: function (form, action) {

var result = Ext.decode(action.response.responseText);

if (result) {
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;"> Ext.Msg.alert('提示', '上传成功！');</span>

}

}

},
failure: function (form, action) {

Ext.Msg.alert('错误信息', '上传图片失败，请重试！');
}
});

        问题就出现在这里，当向后台服务器提交请求后，程序竟然卡主了！！！经过调试跟踪，发现是卡在ext-all.js这个extjs系统文件中。由于楼主当时用谷歌浏览器在调试，所以结果就只是卡在ext-all.js中的那一行，经过跟踪调试发现原来后台返回的json字符串中被莫名的加入了<pre></pre>
标签。

        后来上网查了一下，说是后台服务设置的问题，就是说将response的返回值类型设置为text/html。因为自己是从事前台开发，对后台服务这块不太懂，当时也是负责后台的同事修改了一下配置解决问题的，所以这里我就不多赘述了。