博客
关于我
(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/

你可能感兴趣的文章
mysql5.7 安装版 表不能输入汉字解决方案
查看>>
MySQL5.7.18主从复制搭建(一主一从)
查看>>
MySQL5.7.19-win64安装启动
查看>>
mysql5.7.19安装图解_mysql5.7.19 winx64解压缩版安装配置教程
查看>>
MySQL5.7.37windows解压版的安装使用
查看>>
mysql5.7免费下载地址
查看>>
mysql5.7命令总结
查看>>
mysql5.7安装
查看>>
mysql5.7性能调优my.ini
查看>>
MySQL5.7新增Performance Schema表
查看>>
Mysql5.7深入学习 1.MySQL 5.7 中的新增功能
查看>>
Webpack 之 basic chunk graph
查看>>
Mysql5.7版本单机版my.cnf配置文件
查看>>
mysql5.7的安装和Navicat的安装
查看>>
mysql5.7示例数据库_Linux MySQL5.7多实例数据库配置
查看>>
Mysql8 数据库安装及主从配置 | Spring Cloud 2
查看>>
mysql8 配置文件配置group 问题 sql语句group不能使用报错解决 mysql8.X版本的my.cnf配置文件 my.cnf文件 能够使用的my.cnf配置文件
查看>>
MySQL8.0.29启动报错Different lower_case_table_names settings for server (‘0‘) and data dictionary (‘1‘)
查看>>
MYSQL8.0以上忘记root密码
查看>>
Mysql8.0以上重置初始密码的方法
查看>>