Notas de conocimiento | basadas en servidor express para lograr interacción front-end

express es un marco de desarrollo web rápido, abierto y mínimo basado en la plataforma Node.js. Puede usarse como servidor para enviar datos al front-end en el ejercicio de una pequeña demostración y usarse como una dirección de solicitud local.
instalación de express
```
npm install express
```

Introducir marco expreso

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

Es posible realizar actualizaciones de datos parciales sin actualizar todo el navegador a través de la implementación asincrónica
La desventaja es que existe un problema de dominio cruzado (debe resolverse en detalle)

La solicitud ajax anterior usaba xml como transmisión de datos en la red, que luego fue reemplazada por JSON

Transferir datos

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

Modificar los datos en la página html

Modificar manualmente los datos

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

Modificación automática usando atributos xhr

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

Use jQuery para obtener el comportamiento del botón y luego vincule el acceso de solicitud de Ajax
Cuando utilice Ajax para enviar una solicitud, defina el formato de la dirección de acceso a la URL, los parámetros de paso, el tipo de solicitud, el tipo de resultado del cuerpo de respuesta y las funciones de devolución de llamada de éxito y error.
Devuelva los datos de fondo a la página html y use js nativos para implementar objetos asincrónicos
- Crear objeto
```
const xhr = new XMLHttpRequest();
```
- Vincular eventos a objetos asincrónicos
```
 xhr.onreadystatechange = function() {}
```
- Objeto de solicitud asincrónico
```
xmlHttp.open(请求方式get|post，“请求服务器端的地址”，true（异步)）
```
- Enviar objeto de forma asincrónica
```
xmlHttp.send()
```
Un punto más sobre la solución del problema entre dominios de las solicitudes de acceso

Cuando la URL solicitada por el front-end y la URL, el protocolo, el nombre de dominio y el número de puerto del servidor back-end no son exactamente iguales, existe el problema de que no se puede acceder a él.
- método jsonp, implementado por código en el lado del servidor
- CORS le dice al navegador que el acceso debe ser entre dominios configurando el encabezado de respuesta HTTP