系列文章目录
提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加
第一章 AJAX介绍
第二章 原生JS AJAX
提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
提示:这里可以添加本文要记录的大概内容:
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。
提示:以下是本篇文章正文内容,下面案例可供参考
一、AJAX是什么?
AJAX不是一种编程语言,是整合html、http、js等标准达成的一种协议,解决在不刷新页面的情况下浏览器端与服务器端数据通信与加载的方法。
二、使用步骤
1.声明对象
const xhr = new XMLHttpRequest();
2.打开对象
xhr.open('GET','http://127.0.0.1:8000/server');
3.发送请求
xhr.send();
4.处理响应
const xhr.onreadyStatechange = function(){
if(xhr.readyState === 4){
if(xhr.status >=200 && xhr.status <300) {
console.log(xhr.response);
}
}
总结
例如:本文仅仅是简单介绍了原生JS ajax请求发送的4个主要步骤,未详细讲解相关的html元素获取和事件绑定。