7_2 Ajax入门

1.什么是Ajax

Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

Ajax的全称是Asynchronous JavaScript and XML，即异步JavaScript+XML。它并不是新的编程语言，而是几种原有技术的结合体。它由以下几种技术组合而成，包括：

• HTML/XHTML——主要的内容表示语言。
• CSS——为XHTML提供文本格式定义。
• DOM——对已载入的页面进行动态更新。
• XML——数据交换格式。
• XSLT——将XML转换为XHTML（用CSS修饰样式）。
• XMLHttp——用XMLHttpRequest来和服务器进行异步通信，是主要的通信代理。
• JavaScript——用来编写Ajax引擎的脚本语言。

实际上，在Ajax解决方案中这些技术都是可用的，不过只有三种是必须的：HTML/XHTML、DOM以及JavaScript。
2.原生

let ajax = new XMLHttpRequest()
        ajax.open('GET', 'http://119.45.237.209:1028/getPostList', true)
        ajax.send()
        ajax.onreadystatechange = () => {
            if (ajax.readyState === 4) { //有返回
                if (ajax.status === 200) { //成功接收到数据
                    console.log(JSON.parse(ajax.response));
                }
            }
        }

3.简写1

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
$.ajax({
            url: "接口地址",
            success(data) {
               //数据获取到后的处理
            },
        })

3.简写2

 $.get('接口地址', function (data) {
           //数据获取到后的处理
        })