AJAX的GET请求

AJAX GET请求

需求

点击发送按钮将服务端返回的响应体结果在紫色的div框内显示出来 

AJAX的GET请求_第1张图片

前端页面准备



    
    
    
    Document
    


    
    

服务端准备

// 引入express
const express=require('express');

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

// 创建路由规则
// request 是对请求报文的封装
// response 是对响应报文的封装
app.get('/server',(request,response)=>{
    // 设置响应

    // 设置响应头 设置允许跨域
    response.setHeader('Access-Control-Allow-Origin','*');

    // 响应体
    response.send('HELLO AJAX');
});

// 监听端口启动服务
app.listen(8000,()=>{
    console.log("服务已经启动...");
})

启动服务

node server.js 
服务已经启动...

 运行 点击按钮后

AJAX的GET请求_第2张图片

AJAX的GET请求_第3张图片

AJAX的GET请求_第4张图片 

 

 

你可能感兴趣的:(ajax,javascript,前端)