【JavaEE】通过Ajax构造Http请求

Ajax简介

全称Asynchronous Javascript And XML，是一种 JavaScript 给服务器发送 HTTP 请求的方式（浏览器给JavaScript提供的一个和服务器交互数据的机制）

特点是可以不需要刷新页面或页面跳转就可以进行数据传输，即异步传输方式：发送方发送数据之后就不用管了，接收方有结果后，会把结果主动推送过来

ajax能够传输的数据不仅仅是xml，可以是任何形式的数据

JQuery

JavaScript对ajax封装的第三方库

引入方法一：搜索JQuery  CDN，打开JQuery官网

找到JQuery Core下3.x版本的minified

 点进去后可以看到下面的网址直接复制到html的script标签的src属性即可

 引入方法二： 将代码拷贝到本地（较快、稳定）

首先打开上面网址

创建jquery.min.js 文件，将代码全选 复制到本地

然后直接在html中引用本地路径即可

Ajax基本使用

先通过script标签加载JQuery库，再创建新的script标签写正式代码

 其中“$”是ajax的变量名

 type为HTTP支持的方法，如GET、POST、PUT、DELETE...

url为要访问的服务器资源地址

data为body中的内容，可有可无

function是一个回调函数，该函数不是立即执行的，而是在浏览器获取到服务器相应的数据后，才执行这个回调函数

“跨域”问题

上述代码直接运行是会报错的

 浏览器为了保证网络安全，进制ajax的跨域访问