（web前端笔记）2020-12-23（ajax）

2024-06-08 03:46:50

From web sites to web applications

client/server

bs架构带来了和cs架构完全不同的形式

basic three-tier(三次架构)

user interface，business or process logic，and a data access module
用户层，业务逻辑层，数据层

model-view-controller

rich internet applicants

【变化】从cs胖客户端到bs架构瘦客户端，不断的融合

web applications revisited

传统的interface=html+css+js+images

功能上不够丰富
GUI不够自然

瘦客户端：采用同步通信（点击之后，等待服务器响应的过程：有等待阶段）

RIA的好处

不需要安装
升级简单
网络上易获得
更多的UI界面
响应性更好
CS端之间的平衡
异步通信（去除了等待的环节）
网络高效

不足

搜索引擎的损失
专业性
整体性的确实
打破了以往的范式

RIA的获取

浏览器的插件

AGAX

同步通信：所有信息的改变使得页面被刷新一次

异步通信：

传统的server 和interface传送的是html 和css

ajax传送的是 xml data

ajax的事件处理

优点

更好的交互
更好的使用
减少了web服务器的连接
减少了贷款

缺点

浏览器的历史
书签可能没用
依赖js的特性
网络延时导致不可用
搜索引擎不太友好

XMLHTTPREQUEST

xmlhttprequest 对象

是最重要的组件agax
传输xml数据并且使用http从网站服务器
独立的连接在客户和服务器
进行操作（发送，接受和动态的更新）

处理流程

基本特点

属性	描述
请求的状态	0 没有打开
	1 open调用但是send（）没有调用
	2


	3 下载数据

open（method,url)

open(method,url,asy)

基本的语法

variable= new XMLHttpRequest();

定义响应的处理事件

先定义可state码，然后再检查返回码

/#后缀其他的信息，并且符合url的语法规则

LIMITS OF AJAX

two-request-limit

TIPS

最佳实践

为工作选择正确的格式，有的下载比较快，有的解析比较快，有的通讯效率高。

xml

严格的模式，标准严格（在客户端和服务器都可以用）

分析语法有一定的歧义性
json
- 轻量级的数据标签
  - 键值对的标签
  - 简单形式（简写，键我们可以进行简写）
  - 数组形式（连键都没有了，双方约定了顺序）
Json -p
- 带padding 的json

最好和你自己定义的，分隔符的方式相同

（web前端笔记）2020-12-23（ajax）相关推荐

Web前端笔记（21-45）
Web前端笔记 (21-45) 21.嵌套列表 1.概念 2.有(无)序列表嵌套 3.定义列表嵌套 22.表格标签 1.种类 2.举例未加语义化标签添加语义化标签 23.表格属性 1.常见表格属 ...
web前端之后的4天(Ajax,json,redis,maven)
web前端之后的10天(Ajax,json,redis,maven) day2(还是前端的内容) 1.AJAX 2.JSON AJAX: 1.概念:ASynchronous JavaScrip And ...
【从0到1学Web前端】javascript中的ajax对象（一）
[从0到1学Web前端]javascript中的ajax对象(一) 如今最流行的获取后端的(浏览器从server)数据的方式就是通过Ajax了吧.今天就来具体的来学习下这个知识吧.假设使用ajax来訪 ...
addeventlistener不支持ajax_好程序员web前端学习路线分享了解AJAX是什么
好程序员web前端学习路线分享了解AJAX是什么首先是服务器什么是服务器:咱们的页面来源于服务器:实例(在phpnwo上面存放一个页面), 咱们把页面放在互联网的服务器上,就有了自己的网站了. 1. ...
ajax请求是宏任务还是微任务_好程序员web前端学习路线分享了解AJAX是什么
好程序员web前端学习路线分享了解AJAX是什么首先是服务器什么是服务器:咱们的页面来源于服务器:实例(在phpnwo上面存放一个页面), 咱们把页面放在互联网的服务器上,就有了自己的网站了. 1. ...
Web前端笔记（三）
Web前端笔记记录(三) position定位 relative相对定位 absolute绝对定位脱离文档流使内联支持宽高使块元素默认宽根据内容决定(让块具备内联的特性) 如果有定位祖先元素相对 ...
[前端笔记——CSS] 12.处理不同方向文本
[前端笔记--CSS] 12.处理不同方向文本 1.书写模式 2.书写模式.块级布局和内敛布局 3.逻辑属性和逻辑值 1.书写模式 CSS 中的书写模式是指文本的排列方向是横向还是纵向的.writin ...
1+X Web前端等级考证 | Web前端开发中级12月最新模拟题 (5套包含理论实操答案)
由于经常分享失败,我上传github上了,先放上链接:https://github.com/Lydever/web-1-x.git 请礼貌,不要耍流氓哈哈,创作不易,下载的同时,请start一下,谢谢 ...
日常更新《一篇文章入门编程系列之从零基础入门HTML+CSS前端开发》12.23
一篇文章让你从HTML零基础入门前端开发前言: 此文为玄子,复习ACCP-S1课程后,整理的文章,文中对知识点的解释仅为个人理解,源码均可直接复制运行配套PPT,站点源码,等学习资料请加文章封面联 ...

最新文章

热门文章