前端调用数据时，显示{data: {…}, status: 200, statusText: "", headers: {…}, config: {…}, …}

最新推荐文章于 2023-08-18 17:06:00 发布
最新推荐文章于 2023-08-18 17:06:00 发布
阅读量5.4k 收藏 1
点赞数 2
分类专栏： 解决问题 文章标签： 数据调用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43989293/article/details/100893585
版权

在开发者模式下，能调出数据来，{data: {…}, status: 200, statusText: "", headers: {…}, config: {…}, …}

但页面却不显示数据，一般时数据绑定除了问题。

调用数据库中表的数据时，如果时某一行数据，返回一个实体类，如果时某几列数据，返回一个List。

出现上述问题一般就是数据库查询结果为一个List，而你在前端调用的时候却是某个实体类，类型对不上自然就没法调用。

需要多次尝试一下，比如输出 data.data.list 或者data.data,看看输出数据中那一层为自己想要的结果，根据这个显示的{data: {…}, status: 200, statusText: "", headers: {…}, config: {…}, …}数据结构，来调整电泳数据的层数方式

Hello_enum
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
grafana-teamcity-datasource:Grafana的TeamCity数据源
05-28
Grafana的TeamCity数据源 TeamCity数据源插件提供有关TeamCity构建的信息。 特征 支持TeamCity构建 按构建类型ID进行搜索 显示以下字段中的数据：status，statusText，buildNumber，buildTypeName，projectName TeamCity基本认证 配置 从类型下拉列表中选择TeamCity。 在名称字段中，填写数据源的名称。 可以是任何东西。 在URL字段中，输入TeamCity URL，例如 启用“基本身份验证”标志。 将用户名和密码粘贴到“基本身份验证详细信息”部分的相应字段中。 通过单击“保存并测试”按钮来测试配置详细信息是否正确
CmdWinTool:命令窗口的程序控制-matlab开发
06-01
命令窗口的程序控制在带有微型显示器的上网本上，Matlab 的工具栏和状态栏命令窗口占用宝贵的空间。 CmdWinTool 使用的函数隐藏这些 UI 元素的未公开 Java 方法。 但界面允许更多： 回复 = CmdWinTool（命令，数据） 输入： 命令作为字符串： 瘦、胖：隐藏或显示工具栏和状态栏title：设置和获取窗口标题statusText：底部状态栏中的字符串toFront, toBack：在其他窗口之前或之后的窗口。 隐藏，显示：隐藏或显示窗口JPosition：设置/获取相对于虚拟屏幕的位置，Java 约定位置：设置/获取相对于监视器的位置 (*)，Matlab 约定最大化，最小化，恢复：猜... xmax, ymax: 仅水平/垂直最大化 (*) toScreen：完全移动到最近的显示器 (*) getHWnd：获取窗口的操作系统句柄（仅限 Windows？） setF
code==200是什么意思
过客的博客
10-06 5万+
2xx - 成功 这类状态代码表明服务器成功地接受了客户端请求。 200 - 确定。客户端请求已成功。 3xx - 重定向 客户端浏览器必须采取更多操作来实现请求。例如，浏览器可能不得不请求服务器上的不同的页面，或通过代理服务器重复该请求。 302 - 对象已移动。
记一次重试机制和服务器响应慢导致的异常
最新发布
逸鹏说道
08-18 174
先说下异常是什么：正常情况下，我们的数据，axios返回后都是在res.data中的，于是项目里面常见的就是来个响应拦截，然后返回res.data。 现在重试机制 + 服务器响应慢，会导致最后返回的数据直接就是res.data里面的内容了，你再.data，自然就有问题了 解决：判断是否是axiosResponse对象，如果是，正常返回res.data，如果不是，直接返回res(现阶段：重试的请...
php输出json 对象{‘code’:200,'data':对象模式}
热门推荐
10-15 9万+
<?php class Cat{ public $name; //public function __construct() { // $this->name = $name; //} public function input($cityID){ $this->name = $cityID; } } class Data{ public $code; p...
axios.response返回数据格式
张泽的博客
06-04 2万+
axios.response接口中存储的是如下内容： { //data是服务器的提供的回复（相对于请求） data{}, //`status`是服务器返回的http状态码 status:200, //`statusText`是服务器返回的http状态信息 statusText: 'ok', //`headers`是服务器返回中携带的headers headers:{}, //`config`是对axios进行的设置，目的是为了请求（request） config:{} } 若是从后台接受的是jso
浏览器F12 console获取不到statusText
zhanghe687的博客
08-31 238
由于tomcat升级到8，statusText="" 一直是空字符串。 修改server.xml。添加sendReasonPhrase="true"即可 <Connector port="8082" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8445" sendReasonPhrase="true"/> ...
Vue.js 学习笔记十六：Axios 之响应结构和实例
Stary 的 IT 之旅
08-23 468
目录 响应结构 Axios 实例 响应结构 一个请求的响应包含以下信息。 { // `data` 由服务器提供的响应 data: {}, // `status` 来自服务器响应的 HTTP 状态码 status: 200, // `statusText` 来自服务器响应的 HTTP 状态信息 statusText: 'OK', // `headers` 是服务器响应头 // 所有的 header 名称都是小写，而且可以使用方括号语法访问 // 例如: `
vue2用vue-cli搭建项目时模拟后台数据
wangwangwanglichao的博客
04-23 933
PS:这是在学习一个外卖平台项目案例:第一步:在build目录下的webpack.dev.conf.js文件下添加:// demoData start const express = require('express'); const app = express(); const appData = require('../data.json'); const seller = appData.s...
Servlet 与 Ajax 交互一直报status=parsererror
王浩然的博客
06-01 201
原因：servlet 返回的数据不是 Json 格式   1、JS代码为： 1 var jsonStr = {'clusterNum':2,'iterationNum':3,'runTimes':4}; 2 $.ajax({ 3 type: "post", 4 //http://172.22.12.135
response-injection:使用 Service Worker 进行网络访问测试的响应注入
06-14
如何使用 Injector (// response mock data{ '/success' : { head : { status : 200 , statusText : 'OK' , headers : { 'Content-Type' : 'application/json' } } , body : { id : 200 , name : 'jxck' , mail : '...
super-xhr:超级干净的ajax请求
05-22
超xhr 超级干净的ajax请求 示例使用 ... headers : { 'X-Subliminal-Message' : 'Upvote-this-answer' } } ) ; } ) . catch ( function ( err ) { console . error ( 'error!' , err . statusText
p-retry:重试返回承诺或异步功能
03-29
重试 重试返回承诺或异步功能 它执行指数补偿，并支持失败操作的自定义重试策略。 安装 $ npm install p-retry ... status === 404 ) { throw new pRetry . AbortError ( response . statusText ) ; } retur
Error:Command errored out with exit status 1;
I'm your wrong princess
08-31 2万+
python 安装库时报错 解决方法：pip3 install 命令 就能成功安装了
DBeaver复制mysql数据库（数据库表结构以及内容）
I'm your wrong princess
06-09 7399
DBeaver 复制数据库、备份数据库
Editors available on the Marketplace
I'm your wrong princess
08-19 5788
该问题是文件打开方式没有设置或原来的IDE不存在了 单击要打开的文件，选择open with找一个合适的就能打开了。
idea使用Tomcat时配置自动编译项目
I'm your wrong princess
09-29 3540
前言： 最近发现改项目老是需要手动重启项目，再加上项目重启的时间比较长，所以想配置一下来让idea自动编译，不用老是手动重启项目了。 在网上搜出来好多都是springboot配置热部署的，但是自己的项目又没有用springboot，终于找到了解决方法，在此记录一下 在配置tomcate处 1.1如果是下图这种情况需要配置如下： 1.2如果你sever 选项卡下没有On frame deactivation，那么就需要配置 Deployment 选项 1.2.1前提：编译目录已配置 1.
使用@Slf4j注解时，提示错误 log cannot be resolved 或者使用@Date 注释产生的get set方法未定义
I'm your wrong princess
03-10 3066
在初次导入maven项目或编写程序时，使用@Slf4j注解时，提示错误 log cannot be resolved 或者使用@Date 注释产生的get set方法未定义 多数情况下，出现问题的原因是没有安装lombok插件。 1. 下载lombok，https://projectlombok.org/download 2. 双击下载的lombok.jar,会弹出安装页面 3...
Uncaught (in promise) {data: Array(1), status: 200, statusText: '', headers: {…}, config: {…}, …} 怎么解决
06-12
在上面的代码中，如果 Promise 成功执行，将会调用 then() 方法，并传入响应数据。如果 Promise 执行失败，将会调用 catch() 方法，并传入一个错误对象。在 catch() 方法中，你可以根据错误对象进行相应的错误处理，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值