GET、POSTリクエストパラメータの取得

概要

GETパラメータはurlのqueryより取得し、POSTパラメータはrequest.addListenerを用意して取得する

しかし、"["などのものは変換されてくるので別の方法で取得する方がよい。


サンプル

index.js

// サーバ、ルーティング、リクエストメソッドのモジュールを読み込み
var server = require("./server");
var router = require("./router");
var request = require("./request");
var requestHandlers = require("./requestHandlers");
 
// リクエストのハンドラを設定
var handle = {}
handle["/"] = requestHandlers.start;
handle["/start"] = requestHandlers.start;
handle["/upload"] = requestHandlers.upload;
 
// ハンドラパラメータを追加
server.start(router.route, handle, request);
 
 

server.js

var http = require("http");
var url = require("url");
var util = require('util');
 
function start(route, handle, param) {
  function onRequest(request, response) {
 
    var pathname = url.parse(request.url).pathname;
    var query = url.parse(request.url).query;
 
    // GETリクエストを取得
    var _p = "";
    if (query != undefined) {
        _p = query + "&";
    }
 
    // POSTリクエスト取得
    request.setEncoding("utf8");
 
    request.addListener("data", function(postDataChunk) {
      _p += postDataChunk;
      console.log("Received POST data chunk '" + postDataChunk + "'.");
    });
 
    request.addListener("end", function() {
 
      // リクエストパラメータ取得
      var _req_data = param.req_data(_p);
 
      console.log("Request for " + pathname + " received.");
      console.log("Request for RequestString = " + _p + " received.");
      console.log(util.inspect(_req_data, false, null));
      console.log("");
 
      // ルーティング
      route(handle, pathname, response, _req_data);
    });
 
  }
 
  http.createServer(onRequest).listen(8888);
  console.log("Server has started.");
}
 
exports.start = start;
 
 

router.js

function route(handle, pathname, response, _req_data) {
  console.log("About to route a request for " + pathname);
  if (typeof handle[pathname] === 'function') {
    handle[pathname](response, _req_data);
  } else {
    console.log("No request handler found for " + pathname);
    response.writeHead(404, {"Content-Type": "text/plain"});
    response.write("404 Not found");
    response.end();
  }
}
 
exports.route = route;
 
 

requestHandlers.js

var exec = require("child_process").exec;
 
function start(response, _req_data) {
  console.log("Request handler 'start' was called.");
 
  var body = '<html>'+
    '<head>'+
    '<meta http-equiv="Content-Type" content="text/html; '+
    'charset=UTF-8" />'+
    '</head>'+
    '<body>'+
    '<form action="/upload?zzz=111&xxx=666" method="post">'+
    '<input type="text" name="text1" />'+
    '<input type="text" name="text2" />'+
    '<input type="text" name="text3[aaa]" />'+
    '<input type="text" name="text3[bbb]" />'+
    '<input type="checkbox" name="text4" checked/>'+
    '<input type="submit" value="Submit text" />'+
    '</form>'+
    '</body>'+
    '</html>';
 
    response.writeHead(200, {"Content-Type": "text/html"});
    response.write(body);
    response.end();
 
}
 
function upload(response, _req_data) {
  console.log("Request handler 'upload' was called.");
 
  response.writeHead(200, {"Content-Type": "text/plain"});
  response.write("Hello Upload");
  response.write("aaa=" + _req_data['text1']);
  response.end();
 
}
 
exports.start = start;
exports.upload = upload;
 
 

request.js

function req_data(queryString) {
 
    var _param = {};
 
    // リクエストを取得
    var _list = (new String(queryString)).split('&');
    for(var _key in _list){
        var _col = _list[_key].split("=");
        _param[_col[0]] = _col[1];
    }
 
    return _param;
}
 
exports.req_data = req_data;
 
 

結果

コマンド

D:\Tools\Works\nodejs_test\sample09>node index.js
Server has started.
Request for /start received.
Request for RequestString = aaa=111&b=444& received.
{ aaa: '111', b: '444', '': undefined }
 
About to route a request for /start
Request handler 'start' was called.
Request for /favicon.ico received.
Request for RequestString =  received.
{ '': undefined }
 
About to route a request for /favicon.ico
No request handler found for /favicon.ico
Received POST data chunk 'text1=111&text2=222&text3%5Baaa%5D=333&text3%5Bbbb%5D=444&text4=on'.
Request for /upload received.
Request for RequestString = zzz=111&xxx=666&text1=111&text2=222&text3%5Baaa%5D=333&text3%5Bbbb%5D=444&text4=on received.
{ zzz: '111',
  xxx: '666',
  text1: '111',
  text2: '222',
  'text3%5Baaa%5D': '333',
  'text3%5Bbbb%5D': '444',
  text4: 'on' }
 
About to route a request for /upload
Request handler 'upload' was called.
Request for /favicon.ico received.
Request for RequestString =  received.
{ '': undefined }
 
About to route a request for /favicon.ico
No request handler found for /favicon.ico
 
 

画面

GETパラメータを指定して表示

POSTデータを設定

一部のPOSTデータを画面に表示



最終更新:2013年03月27日 21:55