ajax和json的基础与应用

1.ajax

1.1 ajax是什么?

• asynchronous javascript and xml：异步的js和xml
• 它能使用js访问服务器，而且是异步访问！
• 服务器给客户端的响应一般是整个页面，一个html完整页面！但在ajax中因为是局部刷新，那么服务器就不用再响应整个页面！而只是数据！

  text：纯文本
  xml：大家都熟悉！！！
  json：它是js提供的数据交互格式，它在ajax中最受欢迎！

1.2. 异步交互和同步交互

• 同步：

  发一个请求，就要等待服务器的响应结束，然后才能发第二个请求！中间这段时间就是一个字“卡”
  刷新的是整个页面！

• 异步：

  发一个请求后，无需等待服务器的响应，然后就可以发第二个请求！
  可以使用js接收服务器的响应，然后使用js来局部刷新！

1.3. ajax应用场景

• 百度的搜索框
• 用户注册时（校验用户名是否被注册过）

1.4. ajax的优缺点

优点：

• 异步交互：增强了用户的体验！
• 性能：因为服务器无需再响应整个页面，只需要响应部份内容，所以服务器的压力减轻了！

缺点：

• ajax不能应用在所有场景！
• ajax无端的增多了对服务器的访问次数，给服务器带来了压力！

2.JSON

2.1. json是什么

• 它是js提供的一种数据交换格式！

2.2. json的语法

• []：是数组

• {}：是对象！

  属性名必须使用双引号括起来！单引不行！！！
  属性值：

  • null
  • 数值
  • 字符串
  • 数组：使用[]括起来
  • boolean值：true和false

  {“name”:“张微博”,“age”:18,“friends”:[{“name”:“zhangsan”},{“name”:“国师”}]}
  {“students”:[{“name”:“张飞”,“sex”:“男”},{“name”:“张三”,“sex”:“女”}]}

2.3. 应用json

• var person = {“name”:“zhangSan”, “age”:18, “sex”:“male”};

2.4. json与xml比较

• 可读性：XML胜出
• 解析难度：JSON本身就是JS对象（主场作战），所以简单很多
• 流行度：XML已经流行好多年，但在AJAX领域，JSON更受欢迎。

---

json-lib

1. json-lib是什么？

• 它可以把javabean转换成json串

2. 核心类

• JSONObject --> Map

  toString();
  JSONObject map = JSONObject.fromObject(person)：把对象转换成JSONObject对象

• JSONArray --> List

  toString()
  JSONArray jsonArray = JSONObject.fromObject(list)：把list转换成JSONArray对象