nodejs写api给前端调用

10人阅读 评论(0) 收藏 举报
分类:

1.npm init 生成package.json文件
2. 安装依赖
npm install express –save
npm install body-parser –save
3.新建app.js
4.新建index.html
代码如下:

服务器端
app.js

var express=require('express');
var app =express();
var bodyParser = require('body-parser'); 
//引用bodyParser 这个不要忘了写
app.use(bodyParser.json()); // for parsing application/json
app.use(bodyParser.urlencoded({ extended: true })); // for parsing application/x-www-form-urlencoded
//设置跨域访问
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();
 });
 var questions=[
    {
    data:213,
    num:444,
    age:12
    },
    {
    data:456,
    num:678,
    age:13
    }];
//写个接口123
app.get('/123',function(req,res){
    res.status(200),
    res.json(questions)
    });
app.post('/wdltest',function(req,res){
    console.log(req.stack);
    console.log(req.body);
    console.log(req.url);
    console.log(req.query);
    res.json(req.body)
})
//配置服务端口
var server = app.listen(3001, function () {

    var host = server.address().address;

     var port = server.address().port;

        console.log('Example app listening at http://%s:%s', host, port);
    })

//前端调用
index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
     <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
    <script>
        $(function(){
            console.log(1);
            //get请求
            $.ajax({
                type:'get',
                url:'http://localhost:3001/123',
                success:function(data){
                    console.log(data);
                },
                error:function(err){
                    console.log(err)
                }
            })
            //post请求
            $.ajax({
                type:'post',
                url:'http://localhost:3001/wdltest',
                data:{name:'wdl',pass:'123'},
                success:function(data){
                    console.log(data);
                },
                error:function(err){
                    console.log(err)
                }
            })
        })
    </script>
</body>
</html>
查看评论

Nodejs+Express自定义API接口并使用reactjs调用

简介 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Express 是基于Node.js 平台,快速、开放、极简的 web 开发框架。 Nodej...
  • zhaoyu_m69
  • zhaoyu_m69
  • 2017-09-01 13:31:31
  • 973

使用 NodeJs 实现一个本地接口数据系统,无需数据库,让前端独立于后台开发

使用 NodeJs 实现本地接口系统,解决前后台开发最后一公里无数据库的情况下,实现数据持久化,通过api url返回json 数据,只要数据格式,就可以本地模拟持久化数据,并可实现共享,无障碍调用,...
  • kai_l
  • kai_l
  • 2016-11-05 08:18:01
  • 5048

NodeJS基础API搭建服务器详细过程记录

前言 在习惯了使用express框架,jade模板引擎等现成工具来写代码之后,很多人对于基本的NodeJS API会慢慢生疏。本文将以一个超小型web项目,来详细介绍如何使用NodeJS基础的htt...
  • hongchh
  • hongchh
  • 2016-11-14 20:45:17
  • 6819

NodeJs WebApi

RESTful API GET /products var express = require('express') var app = express(); var products = [...
  • duanhai189
  • duanhai189
  • 2014-11-29 00:24:45
  • 4491

nodejs实现restful API

标签(空格分隔): javascript nodejs restful下载项目 本文的重点在于restful接口的设计与实现,使用到了express和monogoose. 点击查看express教...
  • u010993335
  • u010993335
  • 2016-12-06 16:11:46
  • 561

java 向nodejs 发送请求简单案例

java  向nodejs 发送请求简单案例 最近在做nodejs的东西,一直不明白java如何与nodejs建立连接,下面写了一个简单demo: nodejs端: var http = req...
  • lyhDream
  • lyhDream
  • 2013-04-22 21:57:54
  • 1815

nodejs webapi单元测试

目录目录packages 1 mocha 2 supertest 3 istanbul demo 1 code 2 run test1. packages1.1 mocha最广泛使用的js测试框架np...
  • tingyuanss
  • tingyuanss
  • 2016-12-21 18:01:31
  • 1061

nodejs实现后台api的例子

  • 2017年06月07日 10:54
  • 708KB
  • 下载

Node.js 通过http调用外部接口

通过http.request发送带参数的post请求 data:发送的内容 opt:描述将要发出的请求 data:事件在数据到达时被触发 end:请求结束时触发 error:发生错误时被触发...
  • u012234915
  • u012234915
  • 2017-01-18 12:14:50
  • 7112

Nodejs开发之接口

虽然js本身是面向对象语言,但是对于接口的支持并不严格,目前有很多种模拟的实现方式。具体可参考文章:http://jscriptpatterns.blogspot.com/2013/01/javasc...
  • heiantianshi1
  • heiantianshi1
  • 2015-05-05 13:59:34
  • 8884
    个人资料
    专栏达人 持之以恒
    等级:
    访问量: 2万+
    积分: 907
    排名: 5万+
    博客专栏
    最新评论