ajax粗略介绍

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

前后端的交互

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

 
  

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

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大概就是酱紫吧!

你可能感兴趣的:(笔记,ajax,java)