• jQuery ajax 返回的数据类型


    请求数据的接口信息如下

    image

    当我们打印出返回的数据与数据节点时,我们发现数据节点显示为undefind

    image

    查看一下我们的代码

    $.ajax({ 
           type: "Post", 
           url: "../user/Handler/Users/GameActivity.ashx?action=checklogin", 
           data: "", 
           contentType: "application/json;charset=uft-8", 
           dataType: "text", 
           success: function success(retData) { 
               console.log(retData); 
               console.log(retData.success); 
               console.log(retData.info);
    
               //alert("请求成功") 
               //return true; 
           }, 
           error: function error(httpRequest) { 
               alert("请求失败"); 
               //return false; 
           } 
       }); 
    
     

    原来数据类型为text导致,

    我们修改一下数据类型为json看一下

    $.ajax({ 
           type: "Post", 
           url: "../user/Handler/Users/GameActivity.ashx?action=checklogin", 
           data: "", 
           contentType: "application/json;charset=uft-8", 
           dataType: "json", 
           success: function success(retData) { 
               console.log(retData); 
               console.log(retData.success); 
               console.log(retData.info);
    
                      }, 
           error: function error(httpRequest) { 
               alert("请求失败"); 
               //return false; 
           } 
       }); 

    image

    打印出来的数据是一个对象,并且数据节点也出来了

    那么除了修改返回结果的数据类型dataType: "json"之外还有木有其他方式呢

    现在返回类型依然是text,从表面上看返回的数据为字符串

    image

    我们只需要把字符串节点转为json对象节点就ok了。

    $.ajax({ 
            type: "Post", 
            url: "../user/Handler/Users/GameActivity.ashx?action=checklogin", 
            data: "", 
            contentType: "application/json;charset=uft-8", 
            dataType: "json", 
            success: function success(retData) { 
               var retData = eval("(" + retData + ")");
    
                console.log(retData); 
                console.log(retData.success); 
                console.log(retData.info);
    
            }, 
            error: function error(httpRequest) { 
                alert("请求失败"); 
                //return false; 
            } 
        });

    image

  • 相关阅读:
    ES6入门 阮一峰
    NPM
    移动端BUG
    配置每次git push 不需要输入账号密码
    移动端rem布局,用户调整手机字体大小或浏览器字体大小后导致页面布局出错问题
    课程表
    岛屿数量
    二叉树的右视图
    c++设计模式——工厂模式
    克隆图
  • 原文地址:https://www.cnblogs.com/ruoqiang/p/5287280.html
Copyright © 2020-2023  润新知