ajax粗略介绍

这一段时间在用java搭建自己的个人博客，总结一下吧！就是自己写一个奇奇怪怪的前端页面，再些一堆奇奇怪怪的接口，DAO层、Service层等一坨让人难受的东西！反正就很难受！

前后端的交互

我用的是ajax，把这个东西套进前端的jquery中，理论上可以安全的起飞。
Ajax的原理图，有一点像一种房屋中介！本来没你啥事，但是你又缺不得！图片来自网络！

 <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  <script type="text/javascript">
   function dologin(){
    $.ajax({
     type:"post",
     url:"http://127.0.0.1:8080/code1/loginServlet",
     data:JSON.stringify({//将JavaScript 对象转化为字符串。
      "username":"root",
      "password":"pr140412312"
     }),
     success:function(data){
      alert("登录成功");
     },
     error:function(){
      alert("错误!");
     }
    });
    }
</script>

以上是一个登陆界面的前端准备。

Ajax的实现步骤

1.创建一个Ajax对象

 var aim = new XMLHttpRequest();

2.告诉 Ajax 请求地址以及请求方式(请求方式为post/get请求两种方式）

GET和POST的区别

与POST相比，GET更简单也更快，并且再大部分情况下都能用，然而，再以下情况中，必须使用POST请求：
1、无法使用缓存文件（更新服务器上的文件或数据库）
2、向服务器发送大量数据（POST没有数据量限制）
3、发送包含未知字符的用户输入时，POST比GET更稳定，也更可靠

aim.open('get', 'http://127.0.0.1:8080/code1/loginServlet');

3.发送请求

xhr.send();

4.获取服务器端给与客户端的响应数据

xhr.onload = function () {
     console.log(xhr.responseText);
 }

哦！对了get 请求是不能提交 json 对象数据格式的，传统网站的表单提交也是不支持 json 对象数据格式的。所以要通过

JSON.stringify() // 将json对象转换为json字符串

ajax大概就是酱紫吧！