本文共 1817 字,大约阅读时间需要 6 分钟。
在Node.js中,我们可以通过以下方式引入http模块:
var http = require("http"); 这是一个常用的模块,用于创建HTTP服务器。
使用http模块创建服务器实例:
var server = http.createServer();
服务器创建完成后,我们需要为其绑定请求处理事件。
在Express框架中,我们可以简单地引入并设置静态文件目录:
var express = require('express');var app = express();app.use(express.static('./pages')); 这样,./pages目录下的文件就可以作为静态资源被访问了。
通过Express框架,我们可以轻松设置路由:
app.get('/dome', function(req, res) { var obj = [ { name: 'jaja', age: 18 } ]; res.send(JSON.stringify(obj));}); 这里,我们定义了一个GET路由,返回一个简单的JSON数据。
在前端使用AJAX技术可以通过以下方式实现:
var xhr = new XMLHttpRequest();xhr.onreadystatechange = function() { if(xhr.readyState === 4 && xhr.status === 200) { console.log(JSON.parse(xhr.responseText)); }};xhr.open('GET', '/dome', true);xhr.send(null); 通过上述代码,我们可以向后端发送一个GET请求,并处理返回的数据。
为了处理前端提交的数据,我们需要引入body-parser模块:
var bodyParser = require('body-parser');app.use(bodyParser.urlencoded({ extended: false})); 在路由中,可以直接访问req.body获取提交数据。
在路由中,我们可以按照需求进行数据处理:
app.post('/login', function(req, res) { res.send(req.body);}); 这里,req.body会包含前端提交的数据,可以根据需求进行业务逻辑处理。
var http = require("http");var fs = require("fs");var express = require('express');var bodyParser = require('body-parser');var server = http.createServer();var app = express();app.use(bodyParser.urlencoded({ extended: false}));app.use(express.static('./pages'));app.get('/index.html', function(req, res) { fs.readFile('index.html', function(err, data) { res.end(data.toString()); });});app.get('/login.html', function(req, res) { fs.readFile('login.html', function(err, data) { res.end(data.toString()); });});app.listen(3000);server.listen(3000); 以上代码展示了一个完整的Node.js服务器配置,包括静态文件服务、AJAX数据处理以及路由参数解析功能。
转载地址:http://lnjfk.baihongyu.com/