AJAX 原理 Note-FrontEnd-28_浪里淘沙的小法师的专栏文章_微信文章

AJAX 的相关知识，内容包括 AJAX 概念、Node.js、JSON 概念、JSON的使用。

一、AJAX 概念

AJAX 全名是“Async JavaScript and XML”，它的内容为“JS 发请求和收响应”。

1. AJAX 是浏览器的功能

浏览器可以发请求，收响应，浏览器在 window 上加了一个 XMLHttpRequest 函数，用这个构造函数（类）可以构造一个对象 Node.js，JS 通过它实现发请求，收响应

使用 server.js 作为我们的服务器，下载或复制代码即可用 node server.js 8888 启动，添加 index.html / main.js 两个路由。

2. 我对 AJAX 的理解

我原本以为 AJAX 的内容影响着后端代码的书写，后来发现是我错了，在后端照样还是要写不同的路径无变化，AJAX 不影响后端，照样还是前端里面的操作。

AJAX 是把写在 HTML 中有相关路径内容，转移到 JS 里，HTML 里面做一个标记或者不做，当有请求时再给它显示出来到 HTML。

AJAX 可以做到轻量级的请求。

二、Node.js

复习一下 HTTP 知识中使用 node.js 设置响应。

if (path ==='/index.html'){
    response.statusCode=200
    response.setHeader('Content-Type', 'text/html;charset=utf-8')
    response.write(`balabala`)
    response.end()
} else if (path ==='/style.css'){
    response.statusCode=200
    response.setHeader('Content-Type', 'text/style;charset=utf-8')
    response.write(`balabal`)
    response.end()
} else if(path ==== 'main.js'){
    response.statusCode=200
    response.setHeader('Content', 'text/javascript;charset=utf-8')
    response.write('balabala')
    response.end()
} else{
    response.statusCode=404
    response.setHeader('Content', 'text/html;charset=utf-8')
    response.write(`你访问的页面不存在`)
}
复制代码

三、JSON 概念

JSON 是一门语言，跟 HTML、CSS、XML、JS 一样，是一门独立的语言

JSON 不是编程语言，是标记语言，跟 HTML、XML、Markdown 一样，用来展示数据

1. JSON 语法

中文官网： → 点击这里

一页纸就说明了 JSON 的所有语法

2. JSON 支持的数据类型

string -- 只支持双引号，不支持单引号和无引号
number -- 支持科学计数法
bool -- true 和 false
null -- 没有 undefined
object
array
// 就这六种，注意跟 JS 的七种数据类型区别开来
复制代码

AJAX 原理 Note-FrontEnd-28

正文