内容简介:默认你已经安装了Node.js Node当中内置了Http模块; 可以使用引入http模块;用Node.js实现一个HTTP服务器程序非常简单。我们实现一个最简单的Web程序, 它对于所有请求,都返回Hello world!,新建一个文件夹
默认你已经安装了Node.js Node当中内置了Http模块; 可以使用
var http= require("http"); 复制代码
引入http模块;
Hello world
用Node.js实现一个HTTP服务器程序非常简单。我们实现一个最简单的Web程序, 它对于所有请求,都返回Hello world!,新建一个文件夹 apiDemo
在里面新建一个 server.js
写入:
// 导入http模块: var http = require('http'); // 创建http server,并传入回调函数: var server = http.createServer(function (request, response) { // 回调函数接收request和response对象, // 获得HTTP请求的method和url: console.log(request.method + ': ' + request.url); // 将HTTP响应200写入response, 同时设置Content-Type: text/html: response.writeHead(200, {'Content-Type': 'text/html'}); // 将HTTP响应的HTML内容写入response: response.end('Hello world!'); }); // 让服务器监听8080端口: server.listen(8080); console.log('Server is running at http://127.0.0.1:8080/'); 复制代码
然后在当前目录命令提示符下(cmd等)运行, 输入:
node server.js 复制代码
然后打开浏览器输入: http://127.0.0.1:8080/
就可以看到:
同时可以看到命令行中有打印的信息:
GET: / GET: /favicon.ico 复制代码
主要需要了解的是:
http.createServer(function(request, response){}) 复制代码
它的作用是创建一个http服务,里面传一个回调函数,函数中包含两个参数分别是(request,response)。 其中request是请求对象,response是响应对象。 可以根据 request
对象拿到请求头的一些信息,如: request.url
--返回请求路径 响应成功后: response.writeHead()
————发送一个响应头给请求 response.end('xxx')
————响应成功 返回xxx 参考 Nodez中文网-HTTP
路由
我们是想当访问 http://127.0.0.1:8080/
的时候返回当前目录的index.html。 也就是说当 request.url === '/'
是 true
时就可以确定当前请求的是根目录了,
var url = request.url; console.log(url); // '/' 复制代码
我们能创建一个服务,并且能使用 response.end('Hello world!');
返回“Hello world!”。如果想返回一个文件则需要用到Node.js的一个模块了—— fs 文件系统 。 它是Node当中处理文件的模块,首先引入:
var fs= require('fs'); 复制代码
可以使用 fs.readFile()
来读取文件
fs.readFile('./index.html', function(err, data) { if (err) throw err; console.log(data); // <Buffer 3c 21 44 4f 4...> }); 复制代码
回调函数 有两个参数 (err, data),其中 data 是文件的内容,以二进制形式返回。
然后我们就可以编写代码了,当访问根目录时,返回index.html文件
var http= require('http'); var fs= require('fs'); var server= http.createServer(function(request, response){ var url = request.url; if(url === '/'){ fs.readFile('./index.html', function(err, data){ if(!err){ response.writeHead(200, {"Content-Type": "text/html;charset=UTF-8"}); response.end(data) }else{ throw err; } }); }else{ console.log("错误"); } }); server.listen(8080, '127.0.0.1'); 复制代码
然后在当前目录下新建 index.html
,在这里我们可以写一个ajax请求,一会我们点击按钮来实现ajax请求一组数据:
<div id="box">看不到看不到</div> <button onclick="success()">我是按钮</button> <script> function success(){ var http= new XMLHttpRequest(); http.onreadystatechange= function(){ if(http.status == 200 && http.readyState == 4){ var msg= http.responseText; var box= document.getElementById('box'); box.innerHTML= JSON.parse(msg).name; } } //发送请求 http.open('GET', '/data'); http.send(); } </script> 复制代码
这段代码是点击按钮的时候 会向 /data
发起一个ajsx请求,
实现简单的API接口
既然能访问根目录时可以返回html文件,那我们可以自己设定一个url,当请求这个url是我们就给它返回一组json数据。正常来讲这些数据应该是从数据库读取的,在这里只模拟一组json数据,在当前目录新建一个 data.json
:
{"name": "尼古拉丁 * 赵四"} 复制代码
所以当前的目录结构是:
然后我们可以在server.js中判断一下,当请求的url是 /data
时,则返回data.json:
if(url === '/data'){ fs.readFile('./data.json', function(err, data){ if(!err){ response.writeHead(200, {"Content-Type": "application/json"}); response.end(data); }else{ throw err; } }) } 复制代码
然后打开浏览器 http://127.0.0.1:8080
后,就会出现index.html页面,点击出现的按钮就会触发一个对 /data
的ajax请求,当server.js接受到请求后,就会判断 url === '/data'
,然后它就会吧 data.json
返回给我们。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
XML 在线格式化
在线 XML 格式化压缩工具
HSV CMYK 转换工具
HSV CMYK互换工具