node.js创建网站实例2

hifhf

已于 2023-01-03 23:41:03 修改

阅读量542

点赞数

分类专栏： node.js 文章标签： node.js

于 2023-01-03 22:31:28 首次发布

本文链接：https://blog.csdn.net/hifhf/article/details/128540403

版权

node.js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文演示了如何使用Node.js的Express框架创建一个简单的API，允许跨域访问，并通过jQuery的AJAX进行数据交互。步骤包括安装Express、编写api.js设置路由和响应，创建HTML页面并发送AJAX请求，以及在CMD中运行和调试服务。

摘要由CSDN通过智能技术生成

1.在cmd中输入：npm install express -s

2.在demo01文件夹中新建api.js，代码如下：

// 1.先引入express模块，express是一个函数
var express = require("express")
//2.执行express函数；用变量接收express函数返回的值
var app = express() 
//设置允许跨域访问
app.all('*', function (req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
  res.header("X-Powered-By", ' 3.2.1')
  res.header("Content-Type", "application/json;charset=utf-8");
  next();
});
// 列表
app.get("/api", function (req, res) { //创建路由,第一个参数是路由,第二个是函数
  console.log("接收到的id为："+req.query.id);
  res.send('{"code":'+req.query.id+'}')
})
port=8888
app.listen(port) //监听端口号
console.log('server port is:'+port);

3.创建index.html，引入jquery.min.js和index.js，无其他代码

4.创建index.js，代码如下：

$(function(){
  $.ajax({
    "url": "http://127.0.0.1:8888/api",
    "data":{"id":111},
    "dataType": "json",
    success: function(res){
      console.log(res)
    }
  })
})

5.cmd中输入：node api.js

注意：每次修改api.js中的代码，都需要在cmd中按ctrl+c停止，再重新运行第5步

6.发布demo01网站，如：