zoukankan      html  css  js  c++  java
  • node.js GET 请求简单案例

    最近在学习node请求中遇到一些小坑,现重新整理如下:

    首先创建一个index.ejs模块视图:

    <h1>vsmart app</h1>
    <p>please enter your search term:</p>
    <form action="/search" method="GET">
        <input type="test" name="skuIds" />
        <button>search</button>
    </form>

    我们再定义一个点击上面的搜索按钮跳转后显示的search.ejs模板:

    <h1>op: <%= op %></h1>
    <h1>m: <%= m %></h1>
    <h1>id: <%= id %></h1>
    <h1>p: <%= p %></h1>

    接下来我们开始写server.js 主程序入口

    var express = require('express');    //导入express模块
    var url = require('url');            //导入url请求模块
    var search = require('./search');  //导入自定义请求模块
    
    var app = express(); 
    
    app.set('view engine', 'ejs');     // 设置模块引擎
    app.set('views', __dirname+'/views');   // 设置视图目录
    app.set('view options',{layout:false}); 
    
    app.get('/', function(reg, res){   //首先打开的默认地址路由
        res.render('index');
    });
    
    app.get('/search', function(req, res, next){    // 真正要添加的搜索路由
        search(req.query.skuIds,req, function(data){
            res.render('search',{
                //处理返回和数据
                 "op":data.op,"m":data.m,"id":data.id,"p":data.p
            })
        })
    });
    
    app.listen(3000);

    还有上面所要依赖导入的模块 search.js

    var request = require('request');
    module.exports = function search(query,req,fn){
        request('http://p.3.cn/prices/mgets?skuIds='+'J_'+query,function(error, res, body){  // 此接口是京东商城商品价格查询接口
            return fn(JSON.parse(res.body)[0]);
        })
    }

     

    最后我们在控制台 node server.js

    在浏览器中打开页面

    http://localhost:3000/

    输入在京东商城找到的商品ID号,页面跳转到search.ejs

    显示如下

  • 相关阅读:
    Dubbo 配置参数
    类文件结构

    shell script 编程入门
    OnePlus5刷 TWRP
    TimeUtil 工具类
    Outline 科学的上网
    HotSpot虚拟机的锁优化
    equals与hashCode
    Java中的动态代理
  • 原文地址:https://www.cnblogs.com/vsmart/p/7744084.html
Copyright © 2011-2022 走看看