zoukankan      html  css  js  c++  java
  • node小记

    写点小心情吧,好久不写博客了,终于在朋友的鼓励与刺激下强迫自己更了一篇,写之前万分难受,但是准备好材料之后感觉还是不错哒,以后每个月最少一篇,多则不限。

    概要

    介绍

    主要关于node的路由与接口之间的关系

    node如何写接口

    //app.js
    var http = require("http");
    var fs = require("fs");
    var url = require('url');
    http.createServer(function (request, response) {
    var pathname = url.parse(request.url).pathname;
    if(pathname == '/'){
    var readable = fs.createReadStream("./public/index.html")
    response.writeHead(200, {"Content-Type": "text/html"});
    readable.pipe(response);
    }else if(pathname == '/postData'){
    var data = {"username":"Book","pwd":"111111"}; 
    data = JSON.stringify(data); 
    var opt = { 
    host:"localhost", 
    port:'9001', 
    method:'POST', 
    path:'/test', 
    headers:{ 
    "Content-Type": 'application/json', 
    "Content-Length": data.length 
    } 
    } 
    var body = ''; 
    var req = http.request(opt, function(res) { 
    console.log("response: " + res.statusCode); 
    res.on('data',function(data){ 
    body += data;
    }).on('end', function(){ 
    console.log(body,'body');
    response.writeHead(200, {"Content-Type": "text/plain"});
    response.write(body);
    response.end();
    }); 
    })
    .on('error', function(e) { 
    console.log("error: " + e.message); 
    }) 
    req.write(data); 
    req.end(); 
    }else if(pathname == '/test'){
    response.writeHead(200, {"Content-Type": "text/plain"});
    response.write("testword");
    response.end();
    }else if(pathname == '/world'){
    response.writeHead(200, {"Content-Type": "text/plain"});
    response.write("world");
    response.end();
    }
    }).listen(9001);
    console.log('Server running!');
    
    
    //index.html
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=utf-8>
    <title>test</title>
    </head>
    <body>
    <div class="click">click</div>
    <div class="click1">click1</div>
    </body>
    <script src="//cdn.bootcss.com/jquery/2.2.1/jquery.js"></script>
    <script type="text/javascript">
    $(".click").on('click',function(){
    $.ajax({
    type: 'GET',
    url: '/test',
    dataType: 'json',
    data: {
    "book":"shuben"
    },
    success: function(data,res){
    
    },
    });
    })
    $(".click1").on('click',function(){
    $.ajax({
    type: 'POST',
    url: '/postData',
    dataType: 'json',
    data: {
    book:"shuben"
    },
    success: function(data,res){
    
    },
    });
    })
    
    </script>
    </html>
    
    1. 如果浏览器直接访问http://localhost:9001会读取./public/index.html的内容
    • 点击页面中的click,会去请求http://localhost:9001/world这个接口,node会抓到这个请求,在接口里返回testword,就是我们平时在network中看到的preview里面的数据,但是页面依然是./public/index.html的内容,这个相当于以ajax的形式去调取接口
    • 点击页面中的click1,会去请求http://localhost:9001/postData这个接口,在这个接口中,node会继续去访问了http://localhost:9001/test这个接口,最后会将http://localhost:9001/test返回的内容testword作为http://localhost:9001/postData接口返回的内容,但这个过程浏览器不会看到,这就是后端解决跨域的方式
    1. 如果浏览器直接访问http://localhost:9001/test,页面会展示testword
    2. 如果浏览器直接访问http://localhost:9001/postData,页面会展示testword,和上面同理
    3. 对于前端,刚刚接触node,会有一个特别大的误区,就是对于接口和url总分不清,对于node来说,url也是接口,和ajax请求的接口是一样的意思,其实对于我们平时看到的所有url,都可以作为接口访问,这也是爬虫的原理

    node基础模块(之后会有对应的篇幅)

    • buffer
    • event
    • file
    • stream
  • 相关阅读:
    CCF201604试题
    CCF201512试题
    CCF201509试题
    CCF201509试题
    CCF201503试题
    CCF201503试题
    CCF201412试题
    CCF201412试题
    CCF201409试题
    CCF201409试题
  • 原文地址:https://www.cnblogs.com/bless19946/p/6951559.html
Copyright © 2011-2022 走看看