微信小程序问题--invokeWebviewMethod 数据传输长度为 1227297 已经超过最大长度 1048576

本文主要是介绍微信小程序问题--invokeWebviewMethod 数据传输长度为 1227297 已经超过最大长度 1048576,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

invokeWebviewMethod 数据传输长度为 1227297 已经超过最大长度 1048576

 触小程序也有半年了,也没真正总结工作过程中遇到的问题,今天自己的项目突然报了如下的错误,看图: 
这里写图片描述
 一次看到这句话有点不能理解,如果说是从后台传来的数据过长就有点尴尬了,因为我们是做了分页的,每次从后台只读10条数据,当下拉页面的时候又再读10条。再复杂的数据,10条肯定是装得下的,我们在初始化的时候定义了一个空数组lists,目的是每一次加载10条数据的时候都push到lists中,如图: 
这里写图片描述
我打印的是我初始化定义的lists值,前面80条都没有报错,说明是这个lists数据传输过长导致,然后我看了下从后台返回的数据结构,如下:* 
这里写图片描述
 一看,这个数据也不算太复杂,当我把箭头所指的商品skuList点开后,得到的数据如下: 
这里写图片描述
 为数组每一项个数都不一样多,我随便找了个skuList中内容相对多点的那项,好给大家解释为什么说数据过长这个问题,解释一下,我们商品这块有二级分类的功能,后台直接把所有商品都用一个接口提供给我们,所以显得数据比较多。 
 给大家看下我们需要展示的页面,如下: 
这里写图片描述 
 实很简单,我们要做的功能就是点击每个商品对应的开关可以控制商品是否能在用户面前展示出来,说通俗点就是可以控制让不让这件商品上架,从图中可以看到,我们要的内容就四个:图片、商品名、开关状态、商品ID。既然只要这四项,为什么我的lists要收集所有的参数,因此,我们可以做以下处理:

success: function(res) {if(res.data.code =="200"){var list = res.data.object.productListByPage.list;list.forEach(function(item,index,array){array[index] = {firstImage:item.imageList[0].url,name:item.name,productId:item.productId}});that.pages = res.data.object.productListByPage.pages;that.goodsLists = that.goodsLists.concat(list);that.loadShow(that.goodsLists);  that.currentPage += 1;}
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

这里写图片描述
 滤后数据就简洁多了,不存在数据传输过长的问题,如下: 
这里写图片描述
 我下拉到底部都没出现数据传输过长的问题,如下: 
这里写图片描述
 以看到之前当lists到达80项时,就报invokeWebviewMethod 数据传输长度为 1227297 已经超过最大长度 1048576错误,现在已经加载完全,因为我们数据库只有163件商品,可以看到163项过滤后的数组全部打印出来。 
总结: 
 出现这样的问题,我们首先去找后台商量能不能把数据库里的数据弄简洁点,后台说这很容易,涉及到商品的地方本来就复杂,为了不劳烦后台,我觉得前端处理也能行,所以很顺利的解决了这个报错 
 遇到报错我第一反应是看网上有没有别人碰到过,然后看到官方给出的解决方法,如下: 
这里写图片描述
 setData这步出问题了,因此,就目前而言前端简化数据是可行之举

这篇关于微信小程序问题--invokeWebviewMethod 数据传输长度为 1227297 已经超过最大长度 1048576的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/349432

相关文章

Windows环境下解决Matplotlib中文字体显示问题的详细教程

《Windows环境下解决Matplotlib中文字体显示问题的详细教程》本文详细介绍了在Windows下解决Matplotlib中文显示问题的方法,包括安装字体、更新缓存、配置文件设置及编码調整,并... 目录引言问题分析解决方案详解1. 检查系统已安装字体2. 手动添加中文字体(以SimHei为例)步骤

Spring Boot 结合 WxJava 实现文章上传微信公众号草稿箱与群发

《SpringBoot结合WxJava实现文章上传微信公众号草稿箱与群发》本文将详细介绍如何使用SpringBoot框架结合WxJava开发工具包,实现文章上传到微信公众号草稿箱以及群发功能,... 目录一、项目环境准备1.1 开发环境1.2 微信公众号准备二、Spring Boot 项目搭建2.1 创建

SpringSecurity整合redission序列化问题小结(最新整理)

《SpringSecurity整合redission序列化问题小结(最新整理)》文章详解SpringSecurity整合Redisson时的序列化问题,指出需排除官方Jackson依赖,通过自定义反序... 目录1. 前言2. Redission配置2.1 RedissonProperties2.2 Red

nginx 负载均衡配置及如何解决重复登录问题

《nginx负载均衡配置及如何解决重复登录问题》文章详解Nginx源码安装与Docker部署,介绍四层/七层代理区别及负载均衡策略,通过ip_hash解决重复登录问题,对nginx负载均衡配置及如何... 目录一:源码安装:1.配置编译参数2.编译3.编译安装 二,四层代理和七层代理区别1.二者混合使用举例

golang程序打包成脚本部署到Linux系统方式

《golang程序打包成脚本部署到Linux系统方式》Golang程序通过本地编译(设置GOOS为linux生成无后缀二进制文件),上传至Linux服务器后赋权执行,使用nohup命令实现后台运行,完... 目录本地编译golang程序上传Golang二进制文件到linux服务器总结本地编译Golang程序

使用Docker构建Python Flask程序的详细教程

《使用Docker构建PythonFlask程序的详细教程》在当今的软件开发领域,容器化技术正变得越来越流行,而Docker无疑是其中的佼佼者,本文我们就来聊聊如何使用Docker构建一个简单的Py... 目录引言一、准备工作二、创建 Flask 应用程序三、创建 dockerfile四、构建 Docker

怎样通过分析GC日志来定位Java进程的内存问题

《怎样通过分析GC日志来定位Java进程的内存问题》:本文主要介绍怎样通过分析GC日志来定位Java进程的内存问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、GC 日志基础配置1. 启用详细 GC 日志2. 不同收集器的日志格式二、关键指标与分析维度1.

Java 线程安全与 volatile与单例模式问题及解决方案

《Java线程安全与volatile与单例模式问题及解决方案》文章主要讲解线程安全问题的五个成因(调度随机、变量修改、非原子操作、内存可见性、指令重排序)及解决方案,强调使用volatile关键字... 目录什么是线程安全线程安全问题的产生与解决方案线程的调度是随机的多个线程对同一个变量进行修改线程的修改操

Redis出现中文乱码的问题及解决

《Redis出现中文乱码的问题及解决》:本文主要介绍Redis出现中文乱码的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1. 问题的产生2China编程. 问题的解决redihttp://www.chinasem.cns数据进制问题的解决中文乱码问题解决总结

MySQL 获取字符串长度及注意事项

《MySQL获取字符串长度及注意事项》本文通过实例代码给大家介绍MySQL获取字符串长度及注意事项,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录mysql 获取字符串长度详解 核心长度函数对比⚠️ 六大关键注意事项1. 字符编码决定字节长度2