将来自服务器（JSON 对象）的响应转换为 extjs 中的字符串

Question

*在我们的代码中，来自 Ext JS 页面的参数被传递到我们拥有业务逻辑的 Spring 3 控制器。然后在控制器中，使用 getWriter.write 设置响应对象，并在 Ext JS 页面中检索响应。 问题：在解码响应时，Firebug 在使用 Ext.util.JSON.decode 时显示错误，因此我们不得不使用 Ext.decode 来解码来自服务器的响应。但是Ext.decode给出了一个值：object Object。我需要将它转换成字符串或格式。 控制器代码：

import java.io.IOException;
import javax.servlet.http.HttpServletResponse;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
@Controller
@RequestMapping
public class SampleController {

    @RequestMapping(value = "/login.htm",method = RequestMethod.POST)
     @ResponseBody
     public void validateCredentials(@RequestParam("user") String user,
            @RequestParam("password") String password,HttpServletResponse response) {
        boolean flag = false;
        String resultString = null;





        try {
            response.setContentType("application/json");
            response.setHeader("Content-Type", "text/html, charset=utf-8");


            if (user.equals(password)) {


                flag = true;
                resultString = "{success:true}";
            } else {


                flag = false;
                resultString = "{success:false}";
            }

            response.getWriter().write(resultString);

        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }


    }
}
Ext JS Login form :
Ext.onReady(function(){


    function submit(button,event){


               var uname=Ext.getCmp('user').getValue();
             alert("1"+uname);
                var passWord=Ext.getCmp('password').getValue();

             Ext.Ajax.request({
                   url: 'login.htm',
                   method :'POST',

                   params: {
                       user:uname,
                       password:passWord
                    },
                   success: function(result,request) {
                      var jresp = Ext.JSON.decode(result.responseText); 
//Ext.JSON.decode stores object Object in jresp. Our requirement is converting jresp to String or boolean
                      console.log('Success'+jresp); 



                   },
                   failure: function(response, request) {
                       var jresp = Ext.JSON.decode(result.responseText);
                       console.log(jresp.error);
                      console.log('server-side failure with status code 8 ' + response.status);
                   }
                });





           }




     var myform = new Ext.form.FormPanel({
            title:'Login form',
            frame:true,
            width:400,
            height: 250, 

            url:'login.htm',
            method:'POST',
            renderTo:'div1',
            items:[
                   {
                       xtype:'textfield',
                       fieldLabel:'user',
                       inputType:'user',
                       allowBlank:false,
                       minLengthText:'3',
                       id:'user',
                       name:'user'
                   },
                   {
                       xtype:'textfield',
                       fieldLabel:'password',
                       inputType:'password',
                       allowBlank:false,
                       minLengthText:'3',
                       id:'password',
                       name:'password'
                   }
                   ],
                   buttonAlign:'center',
                   buttons:[
                            {
                                text:'reset',handler:function(){myform.getForm().reset();}
                            },
                            {

                                text:'Login',
                                handler: submit
                            }

                            ]       

                   });






});

Answer 1

解码响应时，Firebug 在使用时显示错误 Ext.util.JSON.decode 所以我们不得不使用 Ext.decode 来解码我们的 来自服务器的响应。

你得到错误是因为你在 ExtJS4 中使用了错误的对象，它的 Ext.JSON.decode 来编码数据而不是 Ext.util.JSON.decode，你有这种混淆是因为 ExtJS3 有 Ext.util.JSON.decode 来解析 JSON字符串，但是是的，故障安全方法是使用 Ext.decode，它是 ExtJS3 和 ExtJS4 中正确函数的简写

但是Ext.decode给出了一个值：object对象。我需要把它转换成 字符串或格式

这是真的，因为你正在生成像

"{success:true}"

这样的响应，所以当你解析那个 JSON 字符串时，你会得到这样的东西

data = {'成功'：true};

所以你可以通过使用

data.success

来获得你的布尔值

所以你的最终代码看起来像这样

var jresp = Ext.JSON.decode(result.responseText); 
console.log('Success'+jresp.success);

还有一件事你正在使用这个字符串在 spring mvc 中生成响应

resultString =“{成功：真}”；

这不是一个有效的 json 字符串，所以你需要用双引号将对象的键括起来，就像这样

resultString = "{\"成功\":true}";

Answer 2

为什么不在 javascript (ExtJs) 中传递包含所有字段的模型实例，您可以使用 jackson 将模型转换为 JSON。

只需在 appContext 中声明您的转换器：

包括杰克逊罐子。

你也可以将成功和消息放在模型中。为简单起见，使用带有成功和消息字段的抽象 ExtJsModel，并使您的所有模型都扩展相同的模型。

Answer 3

您可以将这样的响应发送到 extjs 。然后使用extjs解码器。 这是代码。

var jresp = Ext.util.JSON.decode(result.responseText); console.log(jresp.success);

“”“{成功：真}”“”

如果你这样安慰。 console.log('成功'+jresp.success);

java-script 总是给对象。所以不要使用这个。