zoukankan      html  css  js  c++  java
  • 玩转Web之Json(一)-----easy ui+ajax + json 中关于Json的解析问题

    在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,知识水平有限,其他部分将以后陆续补充

    版权声明:本文为博主原创文章,未经博主允许不得转载。

  • 相关阅读:
    省选测试28
    省选测试27
    省选测试26
    省选测试25
    省选测试24
    省选测试23
    省选测试22
    省选测试21
    关于maven 导入依赖的最终处理问题
    Dubbo 2 之抽取公共接口
  • 原文地址:https://www.cnblogs.com/dingxiaoyue/p/4931830.html
Copyright © 2011-2022 走看看