Nodejs入門基礎(expressモジュールを使用してJSON(GET、POST)提出方式で値を取得または返却する)

2474 ワード

フロントエンドはajax getまたはpost方式でバックグラウンドにデータを提出し、バックグラウンドはフロントにデータを転送し、お互いにgetjsonを呼び出す. 



    
    postjson  
    
    
    
        /*      ajax*/
        function sub(){
           $.ajax({
               /*ajax  ,get       url    */
               type:"GET",
               /*      */
               url:"http://localhost:3000?name=jw&&age=18",
               success:function(res){
                   /*      */
                   console.log(res);
               }
           })
        }
    


    

getjson.js 
var express=require("express");//  express
var app = express();//   

app.use(express.static("static"));//    

app.all('*',function(req,res,next){//    
    res.setHeader("Access-Control-Allow-Origin", "*");
    next();
});

app.get("/",function(req,res){
    console.log(req.query);//    ajax          
    res.send({//       
        "msg":"    "
    })
}).listen(3000);



postjson.html




    
    postjson  
    
    
        function bus() {
            $.ajax({
                type:"POST",
                url:"http://localhost:3000/post",
                data:{
                    name:"jw",
                    age:18,
                },
                success:function(res){
                    console.log(res);
                }
            })
        }
    


    

postjson.js 
var express = require("express");
var app = express();//
var bodyParser = require("body-parser");//    ,    /post

app.use(express.static("static"));//        

app.all('*', function (req, res, next) {//      
    res.setHeader("Access-Control-Allow-Origin", "*");
    next();
});

app.use(bodyParser.urlencoded({extended: false}));//    

app.post("/post", function (req, res) {
    console.log(req.body);//    ajax     
    res.send({
        "msg":"post",
        "code":1
    })
}).listen(3000);