Ajax简介

Ajax简介

Ajax全称为：“Asynchronous JavaScript and XML"(异步JavaScript和XML),使用Ajax，我们可以无刷新状态更新页面，并且实现异步提交，提升了用户体验。

Ajax其实质是利用浏览器提供的一个特殊的对象（XMLHttpRequest）异步地向服务器发送请求。

服务器返回部分数据，浏览器让你去利用这些数据对页面做部分的更新，整个过程，页面无刷新，不打断用户的操作。

创建XMLHttpRequest对象

XMLHttpRequest对象：发送请求到服务器并获得返回结果

所有现代浏览器 都内建了XMLHttpRequest对象，通过一行简单的JavaScript代码，我们就可以创建XMLHttpRequest对象。

new XMLHttpRequest（）；

XMLHttpRequest

JavaScript对象XMLHttpRequest是整个Ajax技术 的核心，它提供了异步发送请求的能力

常用方法

 

常用属性

onreadystatechange：事件，指定回调函数

readystate：XMLHttpRequest的状态信息

responseText：获得响应的文本内容

 

Get方式

Get方式提交：

xmlhttp.open("GET","testServlet?name="+userName,true);

xmlhttp.send();

axios框架

下载axios文件https：//unpkg.com/axios/dist/axios.min.js

导入项目

get请求

axios.get('/user?ID=12345').then(function(response){

console.log(response);

})

post请求

axios.post('/user',"name1=value1&name2=value2")

.then(function(response){

console.log(response);

})

响应结果格式

axios.get('/user/12345')

.then(function(response){

console.log(response.data);//后端返回数据，默认为json格式

console.log(response.status);

console.log(response.statusText);

console.log(response.headers);

console.log(response.config);

});

JSON

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式

数据在键值对中

数据由逗号分隔

大括号保存对象

方括号保存数组

语法：

JSON键值对是用来保存JS对象的一种方式，和JS对象的写法也大同小异，键/值对组合中的键名写在前面并用双引号""包裹，使用冒号：分隔，然后紧接着值：

{"firstName":John"}

{"name":"value","sex":"男"}