博客
关于我
(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中json_extract的使用方法
查看>>
mysql中kill掉所有锁表的进程
查看>>
mysql中like % %模糊查询
查看>>
MySql中mvcc学习记录
查看>>
mysql中null和空字符串的区别与问题!
查看>>
MySQL中ON DUPLICATE KEY UPDATE的介绍与使用、批量更新、存在即更新不存在则插入
查看>>
MYSQL中TINYINT的取值范围
查看>>
MySQL中UPDATE语句的神奇技巧,让你操作数据库如虎添翼!
查看>>
Mysql中varchar类型数字排序不对踩坑记录
查看>>
MySQL中一条SQL语句到底是如何执行的呢?
查看>>
MySQL中你必须知道的10件事,1.5万字!
查看>>
MySQL中使用IN()查询到底走不走索引?
查看>>
Mysql中使用存储过程插入decimal和时间数据递增的模拟数据
查看>>
MySql中关于geometry类型的数据_空的时候如何插入处理_需用null_空字符串插入会报错_Cannot get geometry object from dat---MySql工作笔记003
查看>>
mysql中出现Incorrect DECIMAL value: '0' for column '' at row -1错误解决方案
查看>>
mysql中出现Unit mysql.service could not be found 的解决方法
查看>>
mysql中出现update-alternatives: 错误: 候选项路径 /etc/mysql/mysql.cnf 不存在 dpkg: 处理软件包 mysql-server-8.0的解决方法(全)
查看>>
Mysql中各类锁的机制图文详细解析(全)
查看>>