Node.js获取AJAX参数Demo

在使用NODE.JS过程中,想要和前台的AJAX进行数据交互,然后传参的问题搞了半天,百度出来没有一个是完整的demo,所以决定自己做一个。


按我的理解,传参分两种,一种是POST的方法,一种是GET的方法。


Post方法,主要是用来添加数据,因此将数据放在AJAX的data内,后台再使用一个中间件body-parser进行数据接收,再使用req.body就可以直接用了,具体代码如下:

1. 前台AJAX部分

$("#try_data").click(function(){
 $.ajax({
            type: "post",
            url: "/addstudent",
     data: "SName=Sarah&SNo=123321",
            dataType: "json"
        });
 });



2.后台NODE.JS部分

var express = require('express');
var bodyParser = require('body-parser');

var router = express.Router();
router.use(bodyParser.urlencoded({extended: false}));
router.use(bodyParser.json());
 
router.post('/addstudent', function (req, res) {
  var data =req.body ;
  console.log ('SName:' + data.SName + ';SNo:' + data.SNo) ;
});



Get方法,主要用来获取数据,所以会在url中添加需要的主键,不需要中间件就可直接解析,比较方便。

1.前台AJAX部分

$("#try_id").click(function(){
 $.ajax({
            type: "get",
            url: "/getstudent/123321",
            dataType: "json"
        });
 });

2.后台NODE.JS部分

router.get('/getstudent/:id', function (req, res) {
  var SNo =req.params.id ;
  console.log (SNo) ;
});


demo下载页传送门:http://download.csdn.net/download/dnpopangel/9567264

走过路过,看过文章就是缘分啊,可以留个言提出意见或者给个表扬,否则一个人写博客很无聊啊。。。首次做demo,如有不足欢迎拍砖。。。

你可能感兴趣的:(node.js)