【AJAX】——初识

前端之家收集整理的这篇文章主要介绍了【AJAX】——初识前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。


在学习AJAX视频之前,通过项目的实践,已经接触过很多相关的知识了,所以当但AJAX视频的时候,看到其中讲解的内容很熟悉,自然就有共鸣啦,先来宏观认识一下AJAX。


简介

AJAX即“Asynchronous Javascript And XML”,是指一种创建交互式网页应用的网页开发技术。
AJAX = 异步JavaScript和XML(标准通用标记语言的子集),是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。


与传统Web的不同

用户体验

传统方式:表面方式是从A页面—>B页面—>A页面,本质上是用户需要在不同页面中进行操作;
AJAX方式:表面现象是始终在A页面,本质上用户只在一个页面中进行操作。

服务器端的servlet

传统方式:表面现象是接收请求数据,然后进行校验操作,再输出结果,最后输出校验页面地址,本质上就是返回了页面
AJAX方式:表面现象是接收请求数据,然后进行家宴操作,然后输出结果,本质上是返回了数据。

页面

传统方式:表面现象:
1.页面简单;
2.Submit按钮提交数据,表单管理数据;
3.input中定义name属性
本质上浏览器做了很多数据组织和提交的工作。
AJAX方式:表面现象:
1.页面代码量大;
2.通过button的一个onclick事件转向js的方法,然后通过编写js代码获取数据,发送数据,接收数据;
3.input中定义id属性
4.页面中预留了div标签,自己编写js代码将div标签中的内容更新。
本质上需要自己编写代码进行数据的组织,提交,接收,并进行页面的更新。

优势

1.AJAX不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
2.使用Javascript向服务器提出请求并处理响应而不阻塞用户!核心对象XMLHTTPRequest。
3.AJAX 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面
4.AJAX 可使因特网应用程序更小、更快,更友好。
5.AJAX 是一种独立于 Web 服务器软件的浏览器技术。

看视频的过程中一定要注意例子的实现,小编正在跟着视频老师敲例子,当然也是越熟悉越好,注意细节的使用,基础才是根本!
原文链接:https://www.f2er.com/ajax/162459.html

猜你在找的Ajax相关文章