博客
关于我
(web前端笔记)2020-12-23(ajax)
阅读量:373 次
发布时间:2019-03-05

本文共 1151 字,大约阅读时间需要 3 分钟。

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

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

转载地址:http://vfxg.baihongyu.com/

你可能感兴趣的文章
Mysql 时间操作(当天,昨天,7天,30天,半年,全年,季度)
查看>>
MySQL 是如何加锁的?
查看>>
MySQL 是怎样运行的 - InnoDB数据页结构
查看>>
mysql 更新子表_mysql 在update中实现子查询的方式
查看>>
MySQL 有什么优点?
查看>>
mysql 权限整理记录
查看>>
mysql 权限登录问题:ERROR 1045 (28000): Access denied for user ‘root‘@‘localhost‘ (using password: YES)
查看>>
MYSQL 查看最大连接数和修改最大连接数
查看>>
MySQL 查看有哪些表
查看>>
mysql 查看锁_阿里/美团/字节面试官必问的Mysql锁机制,你真的明白吗
查看>>
MySql 查询以逗号分隔的字符串的方法(正则)
查看>>
MySQL 查询优化:提速查询效率的13大秘籍(避免使用SELECT 、分页查询的优化、合理使用连接、子查询的优化)(上)
查看>>
mysql 查询,正数降序排序,负数升序排序
查看>>
MySQL 树形结构 根据指定节点 获取其下属的所有子节点(包含路径上的枝干节点和叶子节点)...
查看>>
mysql 死锁 Deadlock found when trying to get lock; try restarting transaction
查看>>
mysql 死锁(先delete 后insert)日志分析
查看>>
MySQL 死锁了,怎么办?
查看>>
MySQL 深度分页性能急剧下降,该如何优化?
查看>>
MySQL 深度分页性能急剧下降,该如何优化?
查看>>
MySQL 添加列,修改列,删除列
查看>>