ajax提交request,Node.js获取前端ajax提交的request信息

Node.js获取前端ajax提交的request信息

发布于 2017-05-03 15:56:16 | 125 次阅读 | 评论: 0 | 来源: 网友投递

Node.js 服务器端的JavaScriptNode.js 是一个基于Chrome JavaScript 运行时建立的一个平台， 用来方便地搭建快速的 易于扩展的网络应用· Node.js 借助事件驱动， 非阻塞I/O 模型变得轻量和高效， 非常适合 运行在分布式设备 的 数据密集型 的实时应用

这篇文章主要为大家详细介绍了Node.js获取前端ajax提交的request信息，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

今天看一下Node.js怎么获取ajax提交的request 信息

众所周知，ajax可以在不刷新整个页面的情况下实现局部刷新，这是相当好的一种方式，能够让我们动态更新信息，今天我们看一下怎么用node来接收到前端ajax提交过来的信息

下面我贴一下前端的代码

index.html的代码我就不贴了， 因为里面就只有一个按钮而已，要实现的功能是点击按钮提交ajax异步请求

主要贴一下js页面的代码

$("button").on("click",function(){

//提交ajax请求

$.ajax({

url:"http://localhost:9999",

data:{name:'xiaoming',age:19},

type:"POST",

dataType:"json",

async:true,

timeout:5000,

complete:function(){

console.log("end");

},

success:function(data,textStatus,jqXHR){

console.log(data);

console.log(textStatus);

console.log(jqXHR);

},

error:function(textStatus,jqXHR){

console.log("error");

console.log(textStatus);

console.log(jqXHR);

}

});

});

这样我们就已经异步提交了一个ajax请求给服务端。

由于我的服务端是用node写的，我贴一下node.js的代码

/**

* New node file

*/

//载入模块

var http = require("http");

function onRequest(req,resp){

//获取ajax提交的信息

req.on("data",function(data){

//打印

console.log(decodeURIComponent(data));

});

//返回response

resp.writeHead(200,{"ContentType":"text/html;charset=utf-8"});

//返回响应尾

resp.end();

}

//创建服务器

http.createServer(onRequest).listen(9999);

服务器获取的结果如下:

name=xiaoming&age=19

乍一看，其实获取ajax的请求信息是非常简单，我在node里创建了服务器，然后给request添加data事件，做了一个回调处理，然后就可以获取到ajax提交过来的数据了

但是这样的话，我们还是不能灵活的使用这个数据，我们必须用split将其name和age的value分割出来，这是相当不方便的。

于是我们想到了用querystring来解析为json对象，我们只需要稍稍修改一下刚刚的代码就可以实现

/**

* New node file

*/

//载入模块

var http = require("http");

var qs = require("querystring");

function onRequest(req,resp){

//获取ajax提交的信息

var currentData = "";

req.on("data",function(data){

//打印

currentData += data;

console.log(qs.parse(currentData));

});

//返回response

resp.writeHead(200,{"ContentType":"text/html;charset=utf-8"});

//返回响应尾

resp.end();

}

//创建服务器

http.createServer(onRequest).listen(9999);

下面是运行的结果

{ name: 'xiaoming', age: '19' }

我们也可以将它装到一个变量里，然后使用它的各种属性

var temp = qs.parse(data);

console.log(temp.name);

console.log(temp.age);

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持phperz。

相关阅读:

Node.js获取前端ajax提交的request信息

使用Node.js处理前端代码文件的编码问题

Node.js：Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)

Node.js如何响应Ajax的POST请求并且保存为JSON文件详解

利用Node.js获取项目根目录的小技巧

node.js获取参数的常用方法(总结)

Node.js中防止错误导致的进程阻塞的方法

Node.js如何自动审核团队的代码

Node.js刷新session过期时间的实现方法推荐

快速掌握Node.js中setTimeout和setInterval的使用方法

Node.js项目中调用JavaScript的EJS模板库的方法

Node.js中JavaScript操作MySQL的常用方法整理