接口实现方式

        什么是接口呢:

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

实现接口的步骤(思路):

          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}/`);
})

在小窗口查看是否有问题

 此情况表明没错误

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值