15Ajax、JSON

15Ajax、JSON-2018/07/27

• 1. ThreadLocal
  • 总结：调用该类的get方法，永远返回当前线程放入的数据。线程局部变量。
  • 保证线程安全

(第二阶段day14后半部分视频以及15的前半部分是制作图书管理系统的，后边有时间可以返回去看一下)

• 2.分页
  • INT currentPage = 3;当前页
  • INT pageSize = 3;每页显示的条数
  • int count = select count(*) form book;总记录数
  • int totalPage = Math.ceil(count*1.0/pageSize)共页数---ceil向上取整；
  • select * form book limit (currentPage-1)*pageSize,pageSize;第一个参数是从哪里开始查，第二个是查几条；
• 3.Ajax
  • Ajax：（Asynchronous JavaScript And XML）指异步 JavaScript 及 XML
  • 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术，是基于JavaScript、XML、HTML、CSS新用法
  • JavaScript中XMLHttpRequest对象是整个Ajax技术的核心，它提供了异步发送请求的能力
  • 常用方法
    • open(method,URL,async) 建立与服务器的连接，method参数指定请求的HTTP方法,典型的值是GET或POST，URL参数指请求的地址，async参数指定是否使用异步请求，其值为true或false（默认是true）
    • send(content) 发送请求，content参数指定请求的参数
    • setRequestHeader(header,value)设置请求的头信息
  • 常用属性
    • onreadystatechange：指定回调函数
    • readyState: XMLHttpRequest的状态信息
      • 当readyState获取到4时，说明XMLHttpRequest对象读取响应结束，一切都收到了
    • status：HTTP的状态码
      • 当status：HTTP的状态码为200时，说明服务器响应正常
    • responseText：获得响应的文本内容
    • responseXML：获得响应的XML文档对象 documednt
• 4.使用Ajax验证用户名是否存在实现步骤：
  • 使用文本框的onBlur事件
  • 使用Ajax技术实现异步交互
    • a)创建XMLHttpRequest对象
    • b)通过XMLHttpRequest对象设置请求信息
    • c)向服务器发送请求
    • d)创建回调函数，根据响应状态动态更新页面
• 5.给搜索框添加提示信息框
  •  
  • var a = eval("3+3");答案是6，将其转换成表达式
• 6.JSON
  • 需要导包
  • 封装数组
    • String str = JSONArray.formObject(list).toString();将list集合中的元素拼接成["aaaa","bbb","ccc"]的样式
  • jsp里边声明一个类：
    • funtion Person(){ var name = "tom";//声明一个局部变量 this.age = 10;//声明一个成员变量 this.show=funtion(){ alert(name); } } var p = new Person(); document.write(p.name);//输出null; document.write(p.age);//10 p.show();//输出Tom
  • 创建一个json对象（已经是转换为JS的语句了）
    • var pp={name:"tom",age:18,show:funtion(){alert("hello");}};
    • var ppp = [{name:"tom",age:18},{name:"jerry",age:17}] document.write(ppp[1].name);
  • 使用json封装对象类型的数据：
    • JSONObject.fromObject(b).toString();可以得到上边的效果
  • 使用JSON过滤数据
    • JsonConfig jc = new JsonConfig(); jc.setExcludes(new String[]{"pnum","description","category","id"}); JSONArray.formObject(list,jc).toString();