json字符串转化/请求

（post）/  (get) 方式的区别:

1.  携带参数的地方不同
2. post需要ajax中setRequestHeader() 来设置请求头格式

get方式

btn.addEventListener('click'function{
//创建ajax对象
          //通过XML 发送http 这个请求
let xhr = new XMLHttpRequest();

//设置请求 参数1: 请求方式   请求地址                get方式携带的参数
xhr.open ('get','http://localhost:8888/test/fourth?name=张三&age=18');

//发送请求
xhr.send ();

//返回结果
xhr.onload(){console.log( xhr )}
})

post方式

btn.addEventListener('click'function{
//创建ajax对象
     //通过XML 发送http 这个请求
let xhr = newXMLHttpRequest();

//设置请求 参数1: 请求方式   请求地址     
xhr.open ('post','http://localhost:8888/test/fourth');

//使用 ajax对象中的 setRequestHeader() 来设定 请求头格式
xhr.setRequestHeader ('Content-Type','application/x-www-form-urlencoded' )

//发送请求  post里面的参数写在send里面
xhr.send ('name=张十三&age=18');

//返回相应结果
xhr.onload(){console.log( xhr );
     //如果响应体的格式是JSON字符串，还原为对应的字符结构
  console.log(JSON.parse(xhr.response));
}
})

 readyState  :   存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。