JavaScript中3种对象

image.png

  1. <script>
  2.   // 1.创建一个JS类型的person对象，属性名：userName、realName、age给三个属性赋值。
  3.   let person={
  4.     username:"齐天大圣",
  5.     realName:"孙悟空",
  6.     age:500
  7.   };
  8. // 输出每个属性，取值：对象名.属性名
  9. document.write(person.username+","+person.realName+","+person.age+"<br/>");
  10. // 2.创建一个数组，其中每个元素是JS对象，对应服务器端的List<Java对象>
  11. let persons=[
  12.   {
  13.     username: "唐三藏",
  14.     realName: "唐增",
  15.     age:58
  16.   },
  17.   {
  18.     username: "天蓬元帅",
  19.     realName: "猪八戒",
  20.     age:500
  21.   }
  22. ]
  23. // 输出每个元素
  24. for (let p of persons) {
  25.   document.write(p.username+","+p.realName+","+p.age+"<br/>");
  26. }
  27. // 3.对象的某个属性是一个集合, name为:唐三藏,address为:"大唐", "五指山", "高老庄", "女儿国"
  28. let boss={
  29.   name:"唐三藏",
  30.   address:['大唐','五指山','高老庄','女儿国']
  31. }
  32. document.write(boss.name+"<br/>");
  33. // 遍历地址
  34. for (let address of boss.address) {
  35.   document.write(address+"<br/>");
  36.     }

概念：JavaScript Object Notation。JavaScript 对象表示法，简单理解JSON是一个特殊格式的字符串。
由于其语法简单，层次结构鲜明，现多用于作为数据载体，在网络中进行数据传输。

js对象与Json字符串互转

1.手动把JS对象转成JSON字符串：

image.png
步骤：
1.变量名加双引号；2.用单引号把大括号括起来；3.写在同一行。

2.JS对象转为JSON字符串:


let jsonStr = JSON.stringify(person3);

3.将JSON字符串转为JS对象

_let jsonStr2 = ‘{“userName”:”齐天大圣2”,”realName”:”孙悟空2”,”age”:2}’
let person4 = JSON.parse(jsonStr2);
document.write(typeof (person4)+”
“);
document.write(person4.userName+”,”+person4.realName+”,”+person4.age+”
“);
image.png
Axios中，JSON字符串和JS对象自动进行转换

JSON 字符串数据和Java对象转换—Fastjson

导入JSON转换工具，这里用到了alibab技术团队提供的一个高性能的json转换工具，可以实现java对象和JSON字符串的相互转换—Fastjson
image.png

  1. protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  2.         User user = new User(1, "jack", "666");
  3.         // 1.将Java对象转为JSON字符串
  4.         //java中''表示字符里面只能放一个字符
  5.         String jsonString = JSON.toJSONString(user);
  6.         System.out.println(jsonString);//{"id":1,"password":"666","username":"jack"}
  8.         // 2.将JSON字符串转为Java对象
  9.         String str="{\"id\":1,\"password\":\"666\",\"username\":\"jack\"}";
  10.         User user1 = JSON.parseObject(str, User.class);
  11.         System.out.println("user1 = " + user1);//user1 = User{id = 1, username = jack, password = 666}
  12.     }

Ajax + json案例

image.png
要求：以前查找所有数据，需要整个JSP页面发送给浏览器；如今实现数据直接在Servlet中响应给客户端，不进 行页面跳转，页面实现局部刷新。
分析：DAO层和Service层不需变化；Web层和前端页面进行修改，前端修改页面比较多。
Web.pngyyy.png