原生JavaScript异步通讯

#概念：（Asysnchronous javascript and xml,异步的JavaScript和xml）ajax是一种无须加载网页的情况下能够重新更新部分网页的技术。

异步通讯的过程

#前端

创建XMLhttprequest的请求对象

var $http = new XMLhttprequest();

建立连接

$http.open(method,uri);//methhod表示提交方式，uri表示链接的地址（servlet），

设置readyState的取值变化进行监听的监听函数

$http.onreadyStatechange = function(){

    if($http.readyState===Shttp.DONE){//表示监听到了请求报头的信息

        var text = $http.responseText;//获取服务器传回来的文本数据数据

        //将文本数据转换为对象

        var o = eval("("+text+")");

        //    将数据写到页面上

        //获取页面的标签元素，再向标签中添加数据

        var pp = document.querySelector("选择器");

        pp.innerHTML = o.massage;//必须和服务器上传回的massage一样。

    }

}

如果请求是post，就要设置请求报头

//首先判断是否为post请求

if(method.toLowerCase().trim==="post"){

    //设置请求报头

    $http.setRequestHeader("content-type","application/X-www-form-urlencoded");

}

发送请求

//获取编辑框中的数据

var data = "username="+e.value;//e表示参数，表示自己

$http.send(data);//传递的数据类型为“username=name&password=pass”

#服务端：

接收客服端传递过来的数据

从数据库查询数据，进行比较，如果有数据就提示存在，没有就提示没数据

将字符串传回页面：字符串形式："“name”:“string”,“succes”:“true”";

设置文本样式：response.setContentType(“text/plain;charset=utf-8”);

response.getWriter().println(String);

　在此我向大家推荐一个架构学习交流群。交流学习群号：938837867 暗号：555 里面会分享一些资深架构师录制的视频录像：有Spring，MyBatis，Netty源码分析，高并发、高性能、分布式、微服务架构的原理，JVM性能优化、分布式架构等这些成为架构师必备