JAVA WEB基础巩固之Json、Ajax

一、Json（Json介绍）json校验工具

Json是JavaScript object notation的缩写，优点是易读易编写易于解析；

例如：Object： { "name" : "张三"， “age” : 25， “major” ： ["数学“，”语文“] } key必须是string类型，value为string、number、true、false、null、Array、Object几种种类型；其中，json中没有注释。创建json的三种方式1、使用JsonObject对象；2、使用Map构建；3、使用JavaBean；注意： JAVA WEB基础巩固之Json、Ajax

二、Ajax

（一）、

Ajax实现了从同步到异步的转换，该技术源于XMLHttpRequest对象的出现；现在常用的JQuery的Ajax方法是基于XHR进行封装的；XHR原操作分为以下几个部分：

1、创建 XMLHttpRequest 对象

所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

2、XHR请求

有Get和Post两种请求方式；区别可参照http请求：

JAVA WEB基础巩固之Json、Ajax

Get请求：

xmlhttp.open("GET","demo_get2.asp?fname=Bill&lname=Gates",true);
xmlhttp.send();

Post请求：

xmlhttp.open("POST","ajax_test.asp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Bill&lname=Gates");

3、XHR响应

JAVA WEB基础巩固之Json、Ajax

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

4、状态变化

JAVA WEB基础巩固之Json、Ajax

xmlhttp.onreadystatechange=function()
  {
if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }

参考：w3school