接口实现方式

最新推荐文章于 2025-03-22 21:46:10 发布

hq520hq

最新推荐文章于 2025-03-22 21:46:10 发布

阅读量696

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/hq520hq/article/details/127831190

版权

本文介绍了接口的概念，将其比喻为功能的入口，并详细阐述了实现接口的步骤，包括为按钮注册点击事件、使用AJAX调用笑话接口以及将返回的数据展示在页面上。通过实例展示了如何创建服务器，监听端口，设置响应状态码和响应头，以及处理不同URL请求的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是接口呢：

通俗的来说就是一个功能的入口。

实现接口的步骤（思路）：

1. 给按钮注册点击事件 onclick；

2. 通过ajax调用笑话接口；

3. 数据返回之后显示到div中；

首先导入http模块：并将要导入的文件名导入

const http = require('http')

const dog = require('对应的文件名')

定义一个变量接收端口

const port = 3005；

第二步：

注意点：

调用了http模块中的createServet创建服务器方法

两个参数：

require(请求，向服务器请求内容

response(响应，服务器给浏览器的内容)

并注意大小写；

创建服务器

const serve = http.createServer( (req,res) => {}

随后并设置状态码：

res.statusCode = 200（这里我们设置的是200）

设置响应头：

response.setHeader('Content-Type', 'text/plain;charset=UTF-8')

设置相应体：服务器真正向浏览器返回的内容。

 if (require.method === "GET") {
        if (require.url === '/index.html') {
            response.end('html页面')
        } else if (require.url === '/joke') {
            response.end('搞笑')
        } else {
            response.end('主界面')
        }
    }
})

最后一步：

开启服务器

serve.listen(port, () => {
    console.log(`服务器已经运行了端口号是：${port}/`);
})

在小窗口查看是否有问题

此情况表明没错误