AJAX、JSON开发编程知识点学习笔记

AJAX、JSON开发编程知识点学习笔记：AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

AJAX、JSON开发编程知识点学习笔记

• 1.AJAX的概述
  • 什么是AJAX ?
    • AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。
    • AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。
    • AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。
    • AJAX完成的是页面的局部刷新的效果!!!
  • 软件的结构:
    • C/S结构
      • * 优点:减轻服务器端的压力.用户体检比较好.
      • * 缺点:服务器端更新,客户端需要跟着更新.
    • B/S结构
      • * 优点:服务器端更新,客户端不需要跟着更新.
      • * 缺点:服务器端压力比较大.用户体验不是特别的好.
    • AJAX:
      • * 逐渐的来重视的JS.
      • * JS中有一个XMLHttpRequest.
      • * 减轻服务器压力.RIA(Rich Internet Application).可以使用户体验得到增强.
    • 异步加载
• 2.JSON
  • JSON的数据交换格式
    • 什么是JSON:
      • JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C、C++、C#、Java、JavaScript、Perl、Python等）。这些特性使JSON成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成(网络传输速率)。
    • JSON的语法:
      • JSON 语法是 JavaScript 对象表示语法的子集。 数据在键值对中 数据由逗号分隔 花括号保存对象 方括号保存数组
      • JSON 名称/值对 JSON 数据的书写格式是：名称/值对。 名称/值对组合中的名称写在前面（在双引号中），值对写在后面(同样在双引号中)，中间用冒号隔开： “firstName”:”John”
      • JSON 值可以是： 数字（整数或浮点数） 字符串（在双引号中） 逻辑值（true 或 false） 数组（在方括号中） 对象（在花括号中） null
    • JSON和XML表示数据:
      • XML:
        • 一个省份: <provice> <id>1</id> <name>吉林省</name> </province>
        • 多个省份: <provice> <id>1</id> <name>吉林省</name> </province> <provice> <id>2</id> <name>辽宁省</name> </province>
      • JSON
        • JSON: {“id”:1,”name”:”吉林省”} [{“id”:1,”name”:”吉林省”},{“id”:2,”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的使用:
    • 什么是JSONLIB:
      • JSONLIB是一个工具类:将对象,数组,List,MAP集合转换成JSON的串.
    • 使用JSONLIB:
      • 步骤一:引入JSONLIB的开发包:
        • * 核心包:
        • * 依赖包:
      • 步骤二:了解JSONLIB中的API:
        • * JSONObject :主要用于将对象和MAP集合转成JSON的.
        • * JSONArray :主要用于将数组和List集合转成JSON的.
      • 步骤三:JSONLIB的案例的使用: 见笔记...
• 3.
  • AJAX中核心对象:XMLHttpRequest对象的介绍
    • XMLHttpRequest的对象的属性:
      • onreadystatechange : 用于指定XMLHttpRequest对象状态改变时的事件处理函数
      • 0 :XMLHttpRequest对象还没有完成初始化 1 :XMLHttpRequest对象开始发送请求 2 :XMLHttpRequest对象的请求发送完成 3 :XMLHttpRequest对象开始读取服务器的响应 4 :XMLHttpRequest对象读取服务器响应完成
      • readyState :XMLHttpRequest对象的处理状态
      • responseText : 用于获取服务器的响应文本 responseXML : 用于获取服务器的响应的XML文档 status : 服务器返回的状态码，只有服务器的响应已经完成时，才会有该状态码 statusText : 服务器返回的状态文本信息，只有当服务器的响应已经完成时，才会有该状态文本信息
    • XMLHttpRequest的对象的方法:
      • open:打开链接. open(请求方式,请求路径,true);
      • send:发送数据 send(数据);
      • setRequestHeader:设置请求的头信息. setRequestHeader(“头”,”值”);
    • XMLHttpRequest的对象的创建:
      • IE浏览器创建XMLHttpRequest的时候: 将对象封装到浏览器的ActiveXObject组件中.
      • Firefox浏览器创建XMLHttpRequest的时候: 直接创建.
  • AJAX的入门案例步骤
    • 步骤一:创建一个Web项目.
    • 步骤二:创建一个页面:
    • 步骤三:在页面中编写AJAX的代码:(使用JS.JS都会由事件触发.)
      • AJAX的代码的编写:
        • * 1.创建异步的XMLHttpRequest对象.
        • * 2.设置监听:监听对象的状态的变化,触发一个函数.
        • * 3.打开链接.
        • * 4.发送数据.
      • * 代码的编写:
        • 1.创建异步的XMLHttpRequest对象.
        • 2.设置监听:监听对象的状态的变化,触发一个函数.
        • 3.打开链接.
        • 4.发送数据.
    • 步骤四:编写一个Servlet
      • * GET方式需要向后台传递参数: * 需要在路径的后面拼接这些参数.不要将参数写到send方法中.
  • XStream的技术的使用
    • 什么是XStream:
      • 将对象,集合转成XML格式.
    • 使用XStream
      • 步骤一:引入XStream的开发包:
        • * xpp3_min-1.1.4c.jar
        • * xstream-1.4.4.jar
      • 步骤二:使用XStream将对象或者集合转成XML: