ホームページ > 記事 > ウェブフロントエンド > nodejsで実装した簡単なWebサーバー機能の例
この記事では、主にnodejsで実装された単純なWebサーバー機能を紹介し、nodejsでWebサーバーを構築する際の関連する監視、応答、データ処理、その他の操作テクニックをサンプルの形式で分析します。この記事の例では、nodejs のシンプルな Web サーバー機能の実装について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
フロントエンド js コード:
<script src="jquery-1.12.1.js"></script> <script type="text/javascript"> $.ajax({ url:'http://192.168.0.114:3000',//服务器地址 type:'post', timeout:30, dataType:'json', data:{ "username":username, "password":password }, success:function(res){ console.log(JSON.stringify(res)); }, err:function(err){ alert(err); } });
nodejs コード:
var http = require('http'); var url = require('url'); var qs = require('querystring'); http.createServer(function(req,res){ res.writeHead(200,{'Content-Type':'text/plain;charset=UTF-8','Access-Control-Allow-origin':'*'}); if(req.method.toUpperCase() == 'GET'){ var query = url.parse(req.url, true).query;// 接受的数据 res.end(JSON.stringify(query)); }else if(req.method.toUpperCase() == 'POST'){ var postData = ''; req.on('data',function(data){ postData += data; //接受的数据 }); req.on('end',function(){ var query = qs.parse(postData); res.end(JSON.stringify(query));//返回的数据 }); } }).listen('3000',function(){ console.log('this is callback'); }); console.log('server is running');
関連記事:
jsでデータを完璧に解析する方法vue.jsルーティング使用後の失敗問題を解決データベースに画像をアップロードして実装したページに表示する例by vue以上がnodejsで実装した簡単なWebサーバー機能の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。