当前位置:首页 > 技术 >

ajax的主要用途(ajax在什么情况下使用)

来源:原点资讯(www.yd166.com)时间:2023-03-12 09:08:12作者:YD166手机阅读>>

十二、Ajax12.1 概述

AJAX (Asynchronous JavaScript And XML) :异步的 JavaScript XML

12.1.1 作用1. 与服务器进行数据交换

通过 AJAX 可以给服务器发送请求,服务器将数据直接响应回给浏览器

JSP 做功能的流程图和 AJAX 做功能的流程图的区别:

  • 学 JSP 时做功能的流程图如下:

ajax的主要用途,ajax在什么情况下使用(1)

Servlet 调用完业务逻辑层后将数据存储到域对象中,然后跳转到指定的 jsp 页面,在页面上使用 EL表达式 和 JSTL 标签库进行数据的展示

  • 学 AJAX 之后做功能的流程则为:使用 AJAX 和服务器进行通信,以达到使 HTML AJAX 来替换 JSP 页面了

流程图如下:

ajax的主要用途,ajax在什么情况下使用(2)

浏览器发送请求servlet,servlet 调用完业务逻辑层后将数据直接响应回给浏览器页面,页面使用 HTML 来进行数据展示

2. 异步交互

可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术,如:搜索联想、用户名是否可用校验,等等…

ajax的主要用途,ajax在什么情况下使用(3)

上图所示的效果在搜索经常见到,在我们输入一些关键字(例如 奥运 )后就会在下面联想出相关的内容,而联想出来的这部分数据肯定是存储在百度的服务器上,而我们并没有看出页面重新刷新,这就是 更新局部页面 的效果。再如下图:

ajax的主要用途,ajax在什么情况下使用(4)

我们在用户名的输入框输入用户名,当输入框一失去焦点,如果用户名已经被占用就会在下方展示提示的信息;在这整个过程中也没有页面的刷新,只是在局部展示出了提示信息,这就是 更新局部页面 的效果。

12.1.2 同步和异步1. 同步发送请求过程

ajax的主要用途,ajax在什么情况下使用(5)

浏览器页面在发送请求给服务器,在服务器处理请求的过程中,浏览器页面不能做其他的操作。只能等到服务器响应结束后才能,浏览器页面才能继续做其他的操作

2. 异步发送请求过程

ajax的主要用途,ajax在什么情况下使用(6)

浏览器页面发送请求给服务器,在服务器处理请求的过程中,浏览器页面还可以做其他的操作

栏目热文

美国为什么很少阅兵(美国阅兵多少年一次)

美国为什么很少阅兵(美国阅兵多少年一次)

阅兵是一个国家进行实力展示的重要方式,很多国家在重大纪念日里面都会进行大阅兵,威武整齐的受阅部队和先进的武器装备非常的震...

2023-03-12 09:04:14查看全文 >>

退休人员可申请公租房(退休人员无房可申请公租房)

退休人员可申请公租房(退休人员无房可申请公租房)

申请人应年满18周岁,在主城区有稳定工作和收入来源,具有租金支付能力,符合政府规定收入限制的无住房人员、家庭人均住房建筑...

2023-03-12 08:44:12查看全文 >>

已退休的老人怎样申请公租房(退休金超过多少不能住廉租房)

已退休的老人怎样申请公租房(退休金超过多少不能住廉租房)

养老金:又名退休金,是中国的一种社会养老保险待遇。按照国家有关文件规定,养老金定义为在劳动者年老或丧失劳动能力后,根据他...

2023-03-12 08:56:10查看全文 >>

退休无房可申请公租房吗(退休了无房能长期租公租房么)

退休无房可申请公租房吗(退休了无房能长期租公租房么)

随着我国住房政策的不断完善,现在各大城市所提供的公租房可是越来越多了,而且申请公租房的门槛也在持续降低。这样所带来的结果...

2023-03-12 09:00:45查看全文 >>

退休老人在家怎么申请公租房(退休人员如何申请免费的公租房)

退休老人在家怎么申请公租房(退休人员如何申请免费的公租房)

幸福里百科词条:有退休金无房的申请人,是可以申请公租房的。需要提供养老待遇领取证明或原工作单位出具的退休证明,以及住房分...

2023-03-12 09:24:12查看全文 >>

ajax的五个步骤(ajax的五步使用法)

ajax的五个步骤(ajax的五步使用法)

首先,我们来回顾下ajax是什么?Ajax = 异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页...

2023-03-12 08:45:59查看全文 >>

ajax有什么用(Ajax主要能实现什么功能)

ajax有什么用(Ajax主要能实现什么功能)

在分享今天的这个知识点之前先回顾一下使用ajax的目的:实现异步请求,客户端发送的请求携带数据到达服务器,服务器接收到请...

2023-03-12 08:53:31查看全文 >>

什么是ajax技术(ajax都有什么技术)

什么是ajax技术(ajax都有什么技术)

1.什么是ajax技术ajax技术的中文意思为:异步js和xml.所以其实ajax是有两种老技术共同开出了一朵鲜花.①什...

2023-03-12 09:12:22查看全文 >>

什么是ajax作用是什么(ajax具体指什么)

什么是ajax作用是什么(ajax具体指什么)

关注我,带你了解java一、AJAX简介1.什么是AJAX?AJAX = 异步 JavaScript 和 XML。AJA...

2023-03-12 09:11:49查看全文 >>

axios和ajax哪个好

axios和ajax哪个好

ajax优点1. 页面无刷新更新数据∶AJAX最大优点就是能在不刷新整个页面的前提下与服务器通信维护数据。这使得Web应...

2023-03-12 09:27:16查看全文 >>

文档排行