NodeJS(三) 路由配置,Jquery ajax get/post 调用后台

1.需要安装 Express(表示)

   Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。

   使用 Express 可以快速地搭建一个完整功能的网站。

  dos:npm install express --save

2.安装完成后 查看版本是否安装完成

  dos:npm list express    //能正确答应版本代表成功

3.服务器端搭建+路由,个人觉得路由就好比去调用MVC中View去调用Controller 中的某个方法。

var express=require('express');//引入web应用框架
var bodyParser=require("body-parser");//post 请求需要的引入
var app=express();//web 实例

//req=请求对象,res=响应对象
//路由1  当用GET 方式请求且方法名为Get_user时进入该方法
app.get('/Get_user',function(req,res){
	//设置允许跨域的域名,*代表允许任意域名跨域
    res.header("Access-Control-Allow-Origin","*");
	var userid=req.query.userid;//GET方式在req.query对象中获取参数
	var pwd=req.query.pwd;
	console.log("执行Get_user");
	res.end(userid+'___'+pwd+"__get");//发送返回值
	//res.write();
})

//路由2  当用GET 方式请求且方法名为Get_user时进入该方法
app.use(bodyParser.urlencoded({ extended: false }));  
app.post('/Post_user',function(req,res){
	//设置允许跨域的域名,*代表允许任意域名跨域
    res.header("Access-Control-Allow-Origin","*");
	var userid=req.body.userid;//GET方式在req.body对象中获取参数
	var pwd=req.body.pwd;
	 console.log("执行Post_user");
	 res.end(userid+'___'+pwd+"___post");
})

//服务器监听---------------------------
var server=app.listen(8888,function(){
  var host = server.address().address
  var port = server.address().port
  console.log("服务运行,访问地址为 http://%s:%s", host, port)
})

4.前端html

$(function(){
     $.ajax({
      //url: "http://127.0.0.1:8888/Post_user",
	  url: "http://127.0.0.1:8888/Get_user",
      type: "get",
      data:{userid:'php2',pwd:'123456'},
      contextType: "application/json;charset=utf-8",
	  dataType:"text",
      success: function (res) {
        //var a=eval('('+res+')');
		//$("#body_1").html(a.name+"___"+a.iq);
		$("#body_1").html(res);
      },
      error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(textStatus);
                }
    });
})前端

html显示

服务端控制台

猜你喜欢

转载自www.cnblogs.com/Evan-Pei/p/12760978.html