您现在的位置是：首页 >技术教程 >前端小记——Ajax异步请求网站首页技术教程

目录

Ajax介绍

Ajax使用

ES6拼串语法

Ajax介绍

Ajax    Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

 AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新

加载整个网页的情况下，对网页的某部分进行更新。

Ajax使用

1.创建对象

var xmlhttp = new XMLHttpRequest();

2.向服务器发送请求 如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和

send() 方法

xmlhttp.open("GET", "https://api.oioweb.cn/api/common/teladress?mobile="+phoneNumber, true);

xmlhttp.send();

3.服务器响应

onreadystatechange 事件

每当 readyState 改变时，就会触发 onreadystatechange 事件。

 xmlhttp.onreadystatechange = function () {

4.请求已完成，且响应已就绪

if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {

//获取后台返回的json字符串

var jsonString =xmlhttp.responseText;

console.log(jsonString);

//解析后台返回的JSON字符串

var jsonObj=JSON.parse(jsonString);

var text=jsonObj.result.name;

//DOM操作，把数据展示页面上

document.getElementById("title").innerText=text;

} 
}

ES6拼串语法

var info2="我的名字叫做"+name+"性别"+sex+"家住"+address;

//ES6的语法
var info3=`我的名字叫做${name}性别${sex}家住${address}`;