您的位置:首页 > 产品设计 > UI/UE

玩转Web之Json(一)-----easy ui+ajax + json 中关于Json的解析问题

2014-03-13 22:38 489 查看
在easy ui中使用Ajax+Json实现前后的数据交互时,当后台数据传输到客户端是需对Json数据进行解析,这里将对Json数据解析做简单总结。



(一) 对于服务器返回的数据若没有做类型说明,需要将接收的字符串做对象化处理,简单点说就是用eval()方法进行处理。这里给出一个简单的例子,仅注意Json的解析部分即可,其他部分可不用考虑:



$.ajax({
                         url:'../servlet/UserContro',
                         data :{
                               name: $('#loginInputForm input[name=name]').val(),
                               password:$('#loginInputForm input[name=password]').val()  
                               },
                       
                         success:function(data){
                            var dataObj=eval("("+data+")"); //Json的解析语句
                            alert(data.name);
                            
                          }, 
                           error:function(){
                            alert("error");
                          }     
                      });

(二)当然,也可以对ajax中的dataType属性进行设置,将其设置为Json,也可以实现Json的解析,如下:

$.ajax({
                         url:'../servlet/UserContro',
                         data :{
                               name: $('#loginInputForm input[name=name]').val(),
                               password:$('#loginInputForm input[name=password]').val()  
                               },
                          dataType:'json',//Json属性配置实现Json的解析
success:function(data){
                            alert(data.name);
                            
                          }, 
                           error:function(){
                            alert("error");
                          }     
                      });


(三)Json解析还有一些其他的方法,鉴于我刚开始学easy ui,知识水平有限,其他部分将以后陆续补充
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐