概述

最近工作中使用ajax，有时会报json4 is not a function的错误，有时又不会报错。找了很久，网上说是因为多次请求同一个资源导致的，但是我检查了自己的代码，对于重复资源并没有重复请求，并且，按理说，即使同时请求同一个资源也不应该报这个错误。

最后终于发现原因了，是因为timeout超时填的是5000，但由于资源加载，这个ajax从开始请求到接收到资源的总时间超过了5s，所以报了这个错。

总结一下，报这个错的原因是timeout字段设置太小了。

解决方案

那怎么解决呢？

方法之一是去掉timeout。但是对于移动端来说，我还是倾向于加上timeout。

通过检查代码，发现这个ajax请求这么长时间的原因是，有一段js插入了图片，从而导致图片资源和ajax几乎同时进行http请求，但是图片资源的http请求优先度比较高，所以先加载图片，但是在加载图片之前，由于ajax发送了请求，所以timeout已经开始计时了，等到图片加载完成，ajax返回数据的时候，所用总时间已经超过了timeout值。

所以方法之二是对那些图片使用懒加载，但是代码改动比较大，而且体验也没那么好。

方法之三是，移动代码，使这个ajax请求返回了值之后再加载插入图片的js代码。这个我本来不怎么认同的，但是这么处理之后，性能有很惊人的优化，找不出原因。最后我使用了这种方案。

我学到了什么

  1. ajax的timeout导致的报错和解决方案。
  2. 图片资源的http请求优先级高于ajax。（不论谁先发出http请求）

最新文章

  1. 在一个空ASP.NET Web项目上创建一个ASP.NET Web API 2.0应用
  2. Mysql 查看、创建、更改 数据库和表
  3. 高级java必会系列一：多线程的简单使用
  4. VBA续嘘嘘
  5. Sass关于颜色函数的乐趣
  6. 淘宝UED上关于chrome的transition闪烁问题的解决方案
  7. python第三方模块精选
  8. rtc关机闹钟3 IAlarmManager
  9. Myeclipse 快捷键设置和自动提示设置
  10. cas+tomcat+shiro实现单点登录-4-Apache Shiro 集成Cas作为cas client端实现
  11. discuz论坛目录功能详解
  12. adhoc-海量数据多维自助即席查询平台-mdrill项目开源啦
  13. [html5] canvas 绘图：八卦图
  14. spring MVC 项目 WEB-INF下的jsp不能加载css文件
  15. Java-SSM框架页面时间格式转换
  16. 将本地项目部署到github远程仓库
  17. HTTP协议初步解析
  18. 解决win7 安装完jdk7后，再安装jdk8出现的问题 has value '1.8', but '1.7' is required.
  19. 探秘小程序（10）:分享功能+webview
  20. Java 范例 - 线程

热门文章

  1. $.isPlainObject
  2. 分析easyswoole3.0源码，协程连接池（五）
  3. 在Centos7下搭建Socks5代理服务器
  4. 1，charles的功能能介绍和安装破解
  5. try_files
  6. ef 连接mysql，code first
  7. 解决vs验证控件报错” WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping”问题
  8. 区域检测算法-MSERs
  9. 阿里云 ECS centos java timer进程异常/混乱......的解决方法
  10. sjms-2 创建型模式