优化ajax加载数据速度,通过ajax优化页面加载速度

最近在做的一个外包项目，由于客户的要求，首页内容十分繁杂，并且由于客户需求的变更，导致初期的设计不够合理，调用了大量的后台服务，首页两三秒才能加载出来，重新调整服务又太麻烦，基本上是重构了。。。

优化方式就是把一些次要的信息全部写成json接口，通过ajax在页面加载之后异步调用。首页打开速度明显变快。其他信息也慢慢加载出来，不影响用户浏览使用。

具体做法：

var parames={

"areaId":"${as.areaId}"

};

$.ajax({

url:'${ctx }/search/name',

type:'post',

dataType:'text',

data:parames,

error: function(){

console.log("获取地域信息失败!");

success:function(data){

$("#${as.areaId}s").html(data);

}

});

此段js写直接在页面上的标签内，相当于每个列表的元素下面都加了这么一段js，而且元素的id是由后台返回的动态id，因此页面上的元素都可以获取到要显示的内容。

比较向往前后端分离的思想，不过暂时没法在项目中用上，对前端的要求比较高，不过偶尔用ajax这样救救火还是挺不错的！

优化ajax加载数据速度,通过ajax优化页面加载速度相关推荐

爬虫Spider 05 - 代理参数-proxies | 控制台抓包 | requests.post() | 动态加载数据抓取-Ajax
文章目录 Spider 04回顾 requests.get()参数常见的反爬机制及处理方式 Spider 05笔记代理参数-proxies **控制台抓包** **requests.post()参 ...
使用ajax获取后台数据怎么打印,我用ajax获取后台数据并展示在前端页面的方法【源码】...
<我用ajax获取后台数据并展示在前端页面的方法[源码]>由会员分享,可在线阅读,更多相关<我用ajax获取后台数据并展示在前端页面的方法[源码](2页珍藏版)>请在人人文库网 ...
vue动态加载js和css以及部分页面加载特定的js和css
vue动态加载js和css以及部分页面加载特定的js和css vue项目第一次加载很慢的,发现在第一次加载要很大的js导致卡顿.可以使用cdn加速和其他gzip方式效果不是很明显.因此考虑每个页面动态 ...
java加快页面加载速度方法_关于页面加载速度优化的11种方法
1.合并js和css文件将js和css分别合并到一个共享文件,这样不仅能够简化代码,而且在执行js文件是,如果js文件较多,就需要多次向服务器请求数据,这样将会延长加载速度,将js文件合并在一起,减 ...
ajax背景、ajax对象、ajax状态、ajax与http、ajax请求数据接口、同步与异步、ajax请求XML数据、封装ajax函数、artTemplate简介、同源策略和跨域请求、JSONP
AJAX简介: ajax背景: 1.AJAX(Asynchronous JavaScript And Xml)异步的 JavaScript 和 XML:ajax是浏览器提供的一套API,最早出现在谷歌 ...
Django，Ajax，文件上传，ajax发送json数据，基于Ajax的文件上传
JSON JSON指的是JavaScript对象方法(JavaScript Object Notation) JSON是轻量级的文本数据交换格式 JSON独立于语言 JSON具有自我i描述,更易理解 ...
ajax怎么发送数据给php,ajax怎么发送数据给php
在网上看了很久,发现数据的利用ajax提交数据到后台其实很简单,但是很多讲解的并不清楚,对于初学者来说,很多真的是看着有点糊涂,拿来直接用,又想去了解怎么回事,其实利用ajax提交数据到后台是非常的简 ...
ajax获取jsp数据,如何使用ajax调用从servlet到jsp获取arraylist数据
我通过widow.load()事件上的ajax调用来调用servlet.但是当我想在警报框中显示ajax调用成功后获得的值时,它显示[object XMLDocument]我不知道为什么.这是第一次我 ...
ajax写入json数据格式化,java ajax解析json数据格式化
java ajax解析json数据格式化 [2021-02-01 23:35:58] 简介: 服务器 hadoop格式化HDFS出现错误解决办法报错信息: host:java.net.Unknow ...
html页面加载时触发的方法,在页面加载时触发onchange html事件
好的,我在select字段上有一个onchange事件.它现在很棒.当下拉"网络"更改时,它会刷新第二个下拉列表.我还希望顶部的ajax代码在页面加载和onchange上触发,以便 ...

优化ajax加载数据速度,通过ajax优化页面加载速度

优化ajax加载数据速度,通过ajax优化页面加载速度相关推荐

最新文章

热门文章