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);