关于 应用ajax无刷新时网页变慢的问题

问题描述

如题,是这样的,本人在调试asp.net网页时应用了ajax无刷新来增强用户体验,但实际情况是,无刷新是做到了,在自己电脑上还好,而发布为网站后在点一个按钮时会在隔了7、8秒之后才得到数据,这样的异步刷新也太慢了,请问问题出在哪里?

解决方案

解决方案二:

在自己本机响应的时间大概是多少呢?
解决方案三:

自己电脑上最多2、3秒
解决方案四:

本机响应时间应该算是正常的。服务器上慢。应该是服务器速度的问题了。
解决方案五:

不是啊,原来没有用ajax时,网页在自己电脑和服务器上都是2、3秒的样子
解决方案六:

不是啊,原来没有用ajax时,网页在自己电脑和服务器上都是2、3秒的样子
解决方案七:

你要看看你请求的那个页面是不是响应很慢。。如果有数据库查询的。。看看SQL语句的速度能不能再优化下。。还有那个页面可以返回JSON格式。减少返回的数据的大小
解决方案八:

这个关AJAX没太大个关系。。。是不是发布上去之后数据量大了导致慢。。。1.优化你的查询语句2.如果以前是返回的拼接字符串,那改为返回JSON格式的数据。。。3.是不是你服务器的问题(虚拟主机?),还是数据库和网站是否在一个服务器上。。。4.发布到服务器后,LZ本地网络是不是和服务器所在网络差异太大(比如:服务器在电信,你所在网络网通)
解决方案九:

引用7楼porschev的回复:

这个关AJAX没太大个关系。。。是不是发布上去之后数据量大了导致慢。。。1.优化你的查询语句2.如果以前是返回的拼接字符串,那改为返回JSON格式的数据。。。3.是不是你服务器的问题(虚拟主机?),还是数据库和网站是否在一个服务器上。。。4.发布到服务器后,LZ本地网络是不是和服务器所在网络差异太大(比如:服务器在电信,你所在网络网通)

这位大哥说的有理,好多都有可能
解决方案十:

ajax增强客户体验,往往用在数据量不太大的情况,比如百度的自动完成,只提示前10行
解决方案十一:

分开加载,先加载10行数据,(这个是比方)加载完后,在重新调用加载后面的这样增强客户体验
解决方案十二:

该回复于2012-03-16 13:06:24被版主删除
解决方案十三:

原来就会慢,但是你哪个也太慢了

时间: 2024-09-16 09:42:35

关于 应用ajax无刷新时网页变慢的问题的相关文章

Ajax无刷新分页的性能优化方法_AJAX相关

Ajax无刷新分页,已经是一个大家比较熟悉的事物了,大概就是web前端页面上有一个js的方法,通过Ajax去请求服务器端的分页数据接口,拿到数据后再在页面上创建html结构,展现给用户,类似于下面这样: <script type="text/javascript"> function getPage(pageIndex){ ajax({ url:" RemoteInterface.cgi", method:"get", data:{p

localResizeIMG先压缩后使用ajax无刷新上传(移动端)_javascript技巧

下面通过文字说明和代码分析的方式给大家分享移动端图片上传之localResizeIMG先压缩后ajax无刷新上传,具体实现过程请看下文. 现在科技太发达,移动设备像素越来越高,随便一张照片2M+,但是要做移动端图片上传和pc上略有不同,移动端你不能去限制图片大小,让用户先处理图片再上传,这样不现实.所以理解的解决方案就是在上传先进行图片压缩,然后再把压缩后的图片上传到服务器. 一翻google之后,发现了localResizeIMG,它会对图片进行压缩成你指定宽度及质量度并转换成base64图片

jquery AJAX无刷新评论实例

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

Ajax无刷新分页的性能优化方法

Ajax无刷新分页,已经是一个大家比较熟悉的事物了,大概就是web前端页面上有一个js的方法,通过Ajax去请求服务器端的分页数据接口,拿到数据后再在页面上创建html结构,展现给用户,类似于下面这样: <script type="text/javascript"> function getPage(pageIndex){ ajax({ url:" RemoteInterface.cgi", method:"get", data:{p

PHP+Ajax无刷新带进度条图片上传示例

项目需求:1.PHP+Ajax无刷新带进度条图片上传,2.带进度条.所需插件:jquery.js,jquery.form.js. 最近在做一个手机web项目,需要用到Ajax上传功图片能,项目要求PHP无刷新上传图片,并且要带进度条,下面就来讲一下我的实现方法,先看效果图 本示例需要使用的是jquery.js,jquery.form.js,demo里面包含有,你可以在文章下方进行下载. 第一步,建立前端页面index.html 此段是前端展示内容,这里需要说明的是由于input:file标签显示

jQuery.form Ajax无刷新上传报错的解决方法

今天在用ajaxfileupload时firebug报了一个"jQuery.handleError is not a function"的错误.因为在以前使用jQuery.form一直都没有出现过这个问题,我对比以前的项目才发现,在这个项目中使用的jQuery是1.10.2的版本,而以前是使用的1.4.2.度娘一番之后,找到解决办法:jQuery.handleError is not a function 报错原因是: handlerError只在jquery-1.4.2之前的版本中存

pushState实现Ajax无刷新页面切换_AJAX相关

前言 这样的需求很常见:点击页码局部更新页面(非整体刷新),并且产生历史管理.局部刷新很容易实现,ajax可以满足我们的需要,但是这并不会产生历史管理,好在html5给我们提供了几个好用的api方便解决这个问题,见下文. 正文 一.API 1.pushState pushState()有三个参数:一个状态对象.一个标题(现在会被忽略),一个可选的URL地址. state:与要跳转到的URL对应的状态信息. title:空字符串(以后可能有用). url:要跳转到的URL地址,不能跨域. 作用:将

ajax无刷新分页的简单实现_AJAX相关

本文实例为大家分享了ajax无刷新分页的具体代码,供大家参考,具体内容如下 html页 <html> <head> <title></title> <style type="text/css"> table{ border:solid 1px #444; background-color:Aqua;} table td{border:solid 1px #444;} </style> <script src=

详解PHP+AJAX无刷新分页实现方法_php技巧

PHP+AJAX无刷新分页实现代码详解,最近在看ajax 教程,就想写个简单入门的PHP+AJAX无刷新分页,我们依据ajax开发框架,代码如下: var http_request=false; function send_request(url){//初始化,指定处理函数,发送请求的函数 http_request=false; //开始初始化XMLHttpRequest对象 if(window.XMLHttpRequest){//Mozilla浏览器 http_request=new XMLH