node.js3

前端之家收集整理的这篇文章主要介绍了node.js3前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

<h1 id="第一部分expressmvc">第一部分:express(MVC)
<h3 id="下载express">1.下载express

  • npm install express --save@H_404_5@

  • body-parser
  • 用于处理函数
  • body参数,querystring参数,params路由参数
  • urlencoded ({extended:false}),不用querystring处理参数,用qs处理
  • qs@H_404_5@

  • get
  • post
  • put
  • delete@H_404_5@

       //原生js创建一个ajax请求
       //1.创建ajax对象
       var xhr = new XMLHttpRequest()
       /*
       调用open方法初始化ajax请求
       open(method,url,async)
       method  String 发送ajax请求的方式  get/post/put/delete..
       url     String ajax请求的路径
       async   Boolean 是否发起异步的ajax请求 true/false
        */

  • 路由传参(/:)
  • path/:id -->path/2
  • 接收方式:req.params
  • body传参({})
  • path body:{id:2}
  • 接收方式:req.body
  • queryString传参(?)
  • path?id=2
  • 接收方式:req.query@H_404_5@

    静态文件">5.静态文件

  • app.use(express.static(''))
  • 可以多次调用@H_404_5@

    错误页处理">6.错误页处理

  • app.use(function(req,res){ sendfile(error) });@H_404_5@

  • routes@H_404_5@

  • app.set('view engine','jade')
  • app.set('views',path)@H_404_5@

ajax补充@H_404_5@

                    //创建xhr对象
        var xhr=null;
        //浏览器兼容判断
        if(window.XMLHttpRequest){
            xhr=new XMLHttpRequest();
        }else if(window.ActiveXObject){
            xhr =new ActiveXObject("Microsoft.XMLHTTP");
        }else{
            alert("你的浏览器不支持ajax,请升级你的浏览器");
            return;
        }
    //xhr初始化配置
    xhr.open("post","/add",true)
    //监听xhr对象的状态改变
    xhr.onreadystatechange=function(){
        //判断xhr对象的状态
        if(xhr.readyState===4){
            //<a href="/tag/huoqu/" target="_blank" class="keywords">获取</a>xhr对象返回的信息
            alert(xhr.responseText);
        }
    }</code></pre>

猜你在找的Node.js相关文章