hc学习平台

 找回密码
 立即注册
搜索
热搜: 活动 交友 javakc
 › 学习交流 › Ajax › 简述ajax原理什么场合用到,ajax的同步和异步对客户端的表现如何
查看: 1614|回复: 0
打印 上一主题 下一主题

简述ajax原理什么场合用到,ajax的同步和异步对客户端的表现如何

[复制链接]

2249

主题

0

帖子

0

博客

admin

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

跳转到指定楼层
楼主
发表于2015-10-23 18:46:48 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

0

主题

1721

帖子

0

博客

XIAOC

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-10-19 14:46:17 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

不需要重新加载整个页面发出请求的时候

ajax的同步:在ajax代码未完成的情况下,下面的代码也不完成

异步:在ajax代码未完成的情况下,下面的代码正常完成

0

主题

1902

帖子

0

博客

王之神判

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-09-12 12:43:04 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

Ajax是一种支持异步请求的技术,使用JavaScript通过XmlHttpRequest对象向服务器端发出异步请求,服务器返回XML格式或者Json格式的数据后, 

使用JavaScript解析数据,并且操作界面展示效果。这就是无刷新界面。 使用JavaScript操作Ajax的实现步骤如下: 

1. 创建一个能够发送异步请求的对象XMLHttpRequest 

2. 设置请求的目标URL、方法和其他参数 

3. 设置请求的Header(在发出Post请求时使用) 

4. 设置状态更改的事件触发器 

5. 发送异步请求(send) 

6. 服务器端接收到请求后,通过Servlet或Action处理请求,返回XML或Json格式的数据 

7. 在状态更改的事件函数中处理返回的数据,呈现各种展示效果 

项目中什么地方会用到Ajax:概括的说,只有做无刷新界面都用到Ajax,通俗的讲,只要页面不刷新,需要展示后台服务器中的数据,都用到了Ajax技术。

举几个例子说明一下: 1、 数据校验 2、 级联菜单 3、 异步的上传文件 4、 比如一个学生信息的增、删、改、查、翻页等操作,都可以用异步完成 

ajax的同步,会导致页面出现空白情况,直到服务器将数据完全返回;而异步则会在返回数据的同时,页面也能加载部分提示信息

0

主题

1932

帖子

0

博客

740317431

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-09-12 18:25:07 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

Ajax是一种支持异步请求的技术,使用JavaScript通过XmlHttpRequest对象向服务器端发出异步请求,服务器返回XML格式或者Json格式的数据后, 

使用JavaScript解析数据,并且操作界面展示效果。这就是无刷新界面。 使用JavaScript操作Ajax的实现步骤如下: 

1. 创建一个能够发送异步请求的对象XMLHttpRequest 

2. 设置请求的目标URL、方法和其他参数 

3. 设置请求的Header(在发出Post请求时使用) 

4. 设置状态更改的事件触发器 

5. 发送异步请求(send) 

6. 服务器端接收到请求后,通过Servlet或Action处理请求,返回XML或Json格式的数据 

7. 在状态更改的事件函数中处理返回的数据,呈现各种展示效果 

项目中什么地方会用到Ajax:概括的说,只有做无刷新界面都用到Ajax,通俗的讲,只要页面不刷新,需要展示后台服务器中的数据,都用到了Ajax技术。

举几个例子说明一下: 1、 数据校验 2、 级联菜单 3、 异步的上传文件 4、 比如一个学生信息的增、删、改、查、翻页等操作,都可以用异步完成 

ajax的同步,会导致页面出现空白情况,直到服务器将数据完全返回;而异步则会在返回数据的同时,页面也能加载部分提示信息

zxx

0

主题

1135

帖子

0

博客

zxx

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-10-15 17:38:26 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

用ajax进行数据验证,按需取数据,自动更新页面时会用到ajax

同步是指发送方发出数据后,等接收方发回响应后才发出下一个数据包的通讯方式

异步是指发送方发出数据后,不等等接收方发回响应,接着发送下个数据包的通讯方式

异步传输方式是用的最多的也是默认的方式,他避免了服务器检索给用户带来的时间延迟,在异步传输时,他只是在后面悄悄的进行着,用户仍旧可以做他做的事情,不会给用户任何等待的感觉,在传输的数据量较大的时候,服务器检索的时间就更长了,但是用户却不知道,用户仍旧专注在页面上的操作,根本就不知道服务器都干了些什么,就给用户良好的体验。

同步传输方式却相反,他就好像是刚刚加载页面的那一刻一样,当发出了同步请求之后,浏览器就在等待,等待服务器检索完毕,返回结果。此时,鼠标会变成等待的形状,提醒用户请求还没有响应,什么也不能做,用户就什么也干不成,能够做的一件事就是等待,虽然用户已经习惯了等待整改页面的加载,虽然ajax里面同步请求的时间一般不会大于整个页面的加载时间,但是什么都不做就在那里被动等待也是一件很痛苦的事情

同步请求和异步请求各有用处,没有好坏之分,只有合适不合适的问题

0

主题

1694

帖子

0

博客

wulinan

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-10-16 19:50:26 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

Ajax是一种支持异步请求的技术,使用JavaScript通过XmlHttpRequest对象向服务器端发出异步请求,服务器返回XML格式或者Json格式的数据后, 

使用JavaScript解析数据,并且操作界面展示效果。这就是无刷新界面。 使用JavaScript操作Ajax的实现步骤如下: 

1. 创建一个能够发送异步请求的对象XMLHttpRequest 

2. 设置请求的目标URL、方法和其他参数 

3. 设置请求的Header(在发出Post请求时使用) 

4. 设置状态更改的事件触发器 

5. 发送异步请求(send) 

6. 服务器端接收到请求后,通过Servlet或Action处理请求,返回XML或Json格式的数据 

7. 在状态更改的事件函数中处理返回的数据,呈现各种展示效果 

项目中什么地方会用到Ajax:概括的说,只有做无刷新界面都用到Ajax,通俗的讲,只要页面不刷新,需要展示后台服务器中的数据,都用到了Ajax技术。

举几个例子说明一下: 1、 数据校验 2、 级联菜单 3、 异步的上传文件 4、 比如一个学生信息的增、删、改、查、翻页等操作,都可以用异步完成 

ajax的同步,会导致页面出现空白情况,直到服务器将数据完全返回;而异步则会在返回数据的同时,页面也能加载部分提示信息



站点统计|举报|Archiver|手机版|小黑屋|Comsenz Inc.

GMT+8, , Processed in 0.195171 second(s), 9 queries .

Powered by javakc! X1.0

© 2004-2014 javakc

f1208.com 备案号:京ICP备14030918号-1

返回顶部