1. La preparación preliminar es descargar node.js del sitio web oficial de nodejs.cn e instalarlo
Ingrese el nodo -v en cmd para encontrar el número de versión, lo que significa que la instalación se realizó correctamente
Ingrese npm init --yes en el directorio raíz de la terminal en webstrom para inicializar el proyecto
Luego instale express npm i express
Cree un nuevo archivo Js para un uso simple de express
//Introducir express
const express=require('express');
//Crear objeto de aplicación
const app=express();
//Crear reglas de enrutamiento
app.get('/',(request,response)=>{
response.send ("hllo express");
});
//Puerto de escucha
app.listen(8000,()=>{
console.log("El servicio ha comenzado, escuchando en el puerto 8000!");
});
El efecto es el siguiente:
Cuando el número de puerto está ocupado, puede finalizar el proceso taskkill /f /t /im node.exe
2. El uso básico de AJAX, eventos vinculantes
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Título</title>
<style>
#result{
width:200px;
altura: 100px;
borde: sólido 1px azul aciano}
</style>
</head>
<body>
<button id="btn">发送点击请求</button>
<div id="result"></div>
<script>
//获取btn元素
const btn=document.getElementsByTagName('button')[0];
// const btn=document.getElementById("btn");
const resultado=documento.getElementById("resultado");
//Inicializar el método de solicitud y url
xhr.open('GET',"http://127.0.0.1:8000/server");
//Enviar
xhr.send();
// El resultado devuelto por el servidor de procesamiento de enlace de eventos
//readystate es un atributo en el objeto xhr, que indica el estado 0: indica inicialización 1: indica que se ha llamado al método abierto
// 2: indica que se ha llamado al método de envío 3 : indica la parte devuelta por el servidor Resultado 4: Indica todos los resultados devueltos por el servidor
//5 valores, desencadenando cuatro veces
xhr.onreadystatechange=function () {
//juicio
si(xhr.readyState===4){
// código de respuesta de juicio 200 404 403 401 500
//2xx tiene éxito
if(xhr.status>=200 && xhr.status<300){
//Procesamiento de línea de resultado cabeza línea vacía cuerpo
//Línea de respuesta
// console.log(xhr.status);//código de estado
// console.log(xhr.statusText);//código de carácter de estado
// console.log(xhr.getAllResponseHeaders());//todos los encabezados de respuesta
// console.log(xhr.response);//cuerpo de respuesta
/ /Establecer texto de resultado
result.innerHTML=xhr.response;
}
else{
}
}
}
}
</script>
</body>
</html>
js
//Introducir express
const express=require('express');
//Crear objeto de aplicación
const app=express();
//Crear reglas de enrutamiento
app.get('/',(request,response)=>{
//Establecer Encabezado
de respuesta, configurado para permitir
una respuesta
de
dominio cruzado
. a la
aplicación de puerto listen(8000,()=>{
console.log("El servicio ha comenzado, escuchando en el puerto 8000!"); }
);
3. Establecer parámetros de solicitud
xhr.open('OBTENER',"http://127.0.0.1:8000/servidor?a=100&b=200&c=300");