Notas de conhecimento | com base no servidor expresso para obter interação front-end

express é uma estrutura de desenvolvimento web rápida, aberta e mínima baseada na plataforma Node.js. Ele pode ser usado como um servidor para enviar dados para o front-end no exercício de uma pequena demonstração e usado como um endereço de solicitação local.
instalação de expresso
```
npm install express
```

Introduzir estrutura expressa

const express = require('express');
//创建应用对象
const app = express();

É possível realizar atualizações parciais de dados sem atualizar todo o navegador por meio de implementação assíncrona
A desvantagem é que há um problema de domínio cruzado (precisa ser resolvido em detalhes)

A solicitação anterior ajax usava xml como a transmissão de dados na rede, que mais tarde foi substituído por JSON

Transferir dados

const data={name:'aixuexi'}
let str=JSON.stringify(data);
response.send(str)

Modifique os dados na página html

Modifique manualmente os dados

let data = JSON.parse(xhr.response)
console.log(data);
result.innerHTML = data.name;

Modificação automática usando atributos xhr

xhr.responseType='json';
result.innerHTML = xhr.response.name;//直接可以获取需要的内容

Use jQuery para obter o comportamento do botão e, em seguida, vincule o acesso de solicitação Ajax
Ao usar Ajax para enviar uma solicitação, defina o formato de endereço de acesso ao url, parâmetros de passagem, tipo de solicitação, tipo de resultado do corpo de resposta e funções de retorno de chamada de sucesso e falha
Retorne os dados de fundo para a página html e use js nativo para implementar objetos assíncronos
- Criar objeto
```
const xhr = new XMLHttpRequest();
```
- Vincular eventos a objetos assíncronos
```
 xhr.onreadystatechange = function() {}
```
- Objeto de solicitação assíncrona
```
xmlHttp.open(请求方式get|post，“请求服务器端的地址”，true（异步)）
```
- Enviar objeto de forma assíncrona
```
xmlHttp.send()
```
Mais um ponto sobre como resolver o problema entre domínios de solicitações de acesso

Quando o URL solicitado pelo front end e o URL, protocolo, nome de domínio e número da porta do servidor backend não são exatamente iguais, há um problema de que não pode ser acessado
- método jsonp, implementado por código no lado do servidor
- CORS informa ao navegador que o acesso deve ser entre domínios, definindo o cabeçalho de resposta HTTP