javaweb023

>AJAX:“Asynchronous Javascript And XML”(异步JavaScript和XML),创建快速动态网页/交互式网页应用的网页开发技术.
  AJAX=异步 JavaScript和XML(标准通用标记语言的子集)  ***页面局部刷新
 使用AJAX可通过后台与服务器进行少量数据交换,使网页实现异步更新.无需重载整个网页,更新网页部分.
>软件结构:c/s b/s AJAX 异步加载
  C/S Client/Server:客户端与服务器.安装到本地的软件:QQ,迅雷,360 优点:服务端压力小用户体检好. 缺点:客户端需要跟着服务器更新.
  B/S Browser /Server:浏览器/服务器.本地有浏览器即可:.网银.B站 优点:客户端无需跟着服务器更新  缺点:服务器压力大用户体验差.
  AJAX:逐受重视的JS.JS中XMLHttpRequest.服务器压力小.RIA(Rich Internet Application).可使用户体验增强.
  异步加载: 同步交互：指发送一个请求,需要等待返回,然后才能够发送下一个请求，有个等待过程；
  异步交互：指发送一个请求,不需要等待返回,随时可以再发送下一个请求。
*****核心对象:XMLHttpRequest
 对象属性:onreadystatechange:对象状态改变 [0:无初始化 1:发送请求 2:发送完成 3:读取服务器响应 4:响应完成] readyState:对象处理状态 
  responseText:服务器响应文本/responseXML:响应XML文档/status:状态码[响应完成才会有]/statusText:状态文本[响应完成才会有]
 对象方法: open链接 open(请求方式,请求路径,true) send数据 setRequestHeader(“头”,”值”):设置请求头
 对象创建:IE:将对象封装在浏览器的ActiveXObject组件 Firefox:直接创建.
>入门案例:  1.创建Web项目.2.创建页面:
  3.页面中编写AJAX代码:[1.创建异步XMLHttpRequest对象 2.设置监听:监听对象状态变化,触发函数 3.打开链接 4.发送数据]
  4.编写Servlet:GET需向后台传递参数,要在路径后面拼接这些参数.不要将参数写到send方法中
>XStream:将对象,集合转成XML 使用:1.引入XStream的jar:xpp3_min-1.1.4c.jar/xstream-1.4.4.jar  2.用XStream将对/集合转成XML
>JSON JavaScript Object Notation JS对象标记
 *概述:轻量级数据交换格式,基于ECMAScript子集.采用完全独立于语言的文本格式,也用类似于C（C、C++、C#..)语言家族的习惯.这些特性使JSON
 成为理想的数据交换语言.易于阅读/编写/机器解析和生成(网络传输速率)。
 *语法:JavaScript对象表示语法的子集。
  数据在键值对中/逗号分隔数据/中括号保存对象/大括号保存数组
  JSON名称/值对 数据书写格式：名称[在前(双引号中)]/值对[在后(双引号中)冒号隔开] “firstName”:”John”
  JSON值 数值型、字符串、boolean、[数组]、{对象}、null
>JSON和XML表示数据:
XML:一/多个省份:<provice><id>1</id><name>吉林</name></province>
JSON:一/多个省份:{“id”:1,”name”:”吉林省”}
>使用JSON改写二级联动:
  获得第一个下拉列表:var pSelect = document.getElementById("province");
  1.创建异步对象:var xhr=createXMLHttpRequest() 2.设置监听 3.打开链接:xhr.open("GET","${ pageContext.request.contextPath }/
  ajaxServletDemo5",true) 4.发送数据:xhr.send(null);
*JSONLIB:一个工具类:将对象,数组,List,MAP集合转换成JSON的串.
使用JSONLIB:1.引入JSONLIB的jar:核心/依赖包 2.了解JSONLIB中的API:JSONObject:将对象和MAP转成JSON JSONArray:将数组和List转成JSON