2016-07-06 17 views
0

私は1ページのアプリケーションを構築していますが、実際に正しく動作しているかどうかは疑問でした。サーバーからのコールバックを待ち、各ボタンについて現時点では私は、Ajaxリクエストを送信し、サーバー上で、私はそれがこのようrouter.post/get扱う:Nodejsボタン/ Ajaxリクエストを処理する

index.htmlを

<button id='baz' class'.foo'>Foo</button> 

スクリプト。 JS

$(document).on('click', '.foo', function() { 
    var cursor = $(this); 
    $.ajax({ 
     url: 'modalRoutes/bar', 
     type: 'POST', 
     dataType: 'json', 
     timeout: 5000, 
     data: { 
      baz: cursor.attr('id') 
     }, 
     beforeSend: function() { 
      cursor.addClass('disabled'); 
     }, 
     complete: function() { 
      cursor.removeClass('disabled'); 
     }, 
     success: function(data) { 
      // do somehting here 
     }, 
     error: function(err) { 
      console.log(err); 
     } 
    }); 
}); 

modalRoutes.jsマイmodalRoutes.jsファイルが成長している

var express = require('express'); 
var router = express.Router(); 
router.post('/bar', function(req,res){ 
    // do some stuff here 
    res.send('done') 
}); 
module.exports = router; 

、I barelすでに開始されていますが、すでに500行以上のコードがありますが、これはノードを持つボタンを処理する最善の方法ですか?

+1

この概念[pure-json-api](https://www.npmjs.com/package/pure-json-api)をご覧ください。 –

答えて

2

あなたは、複数のモジュールを持つことができ、それぞれがデフォルトの関数をエクスポートし、ちょうど例えば、それらは、ルータに適用させるそれらをインポート:

モジュールコード:modalRoutesで

module.exports = function(router) { 
    router.post('/buylicense', function() { 
    // do some stuff here 
    res.send('done'); 
    }); 
} 

、実行します。

var express = require('express'); 
var router = express.Router(); 
require('./someRoute')(router); 
// add other imports here 
module.exports = router; 
関連する問題