html5 - 通過(guò)post抓取的頁(yè)面數(shù)據(jù) 為啥不能展現(xiàn)在頁(yè)面上
問(wèn)題描述
這是node.js代碼
var http = require('http'), fs = require('fs'), querystring = require('querystring'), url = require('url');http.createServer(function(req,res){ var postdata=''; var query='what'; var pathname = url.parse(req.url).pathname; req.setEncoding('utf8'); if(pathname=='/'){var indexPage = fs.readFileSync('表單.html');res.writeHead(200,{'Content-Type':'text/html'});res.end(indexPage); } if(pathname=='/about'){req.on('data',function(chunk){ postdata += chunk;});req.on('end',function() { console.log(postdata); query = querystring.parse(postdata); console.log(query);});res.writeHead(200, {'Content-Type':'text/plain'});console.log(query.Name);console.log(query.number);res.write(query.number+ 'and '+query.number);res.end(); } else{res.writeHead(404,{'Content-Type':'text/plain'});res.end('Can not find the source'); }}).listen(2000,'127.0.0.1');console.log('The server is running at port 2000');這是html代碼<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>表單填寫</title></head><body><form action='/about' method='post'> <p> Name: <input type='text' name='Name'></p> <p>SchoolNumber:<input type='text' name='number'></p> <p><input type='submit' value='提交'></p></form></body></html>執(zhí)行結(jié)果圖：
求大神解決 小弟感激不盡
問(wèn)題解答
回答1：原因分析：回調(diào)函數(shù)執(zhí)行順序的問(wèn)題， 加點(diǎn)打印信息看看
res.write()那一行返回的是你最開始定義的query并沒有執(zhí)行req.on()里面的操作，而這時(shí)的query還是你定義的字符串'what'，它不是一個(gè)json對(duì)象，所以就沒有number屬性，所以是undefined。解決方案：你可以把res.write()寫在req.on()里面,像這樣：
怎么沒見你判斷請(qǐng)求方法啊？這個(gè)是我之前寫的一個(gè)示例，你可以參考一下：
var http=require(’http’);var url=require(’url’);var fs=require(’fs’);var querystring=require(’querystring’);var mgd=require(’./mongodb.js’);http.createServer(function(req,res){ switch(req.method){case ’POST’: update(req,res); break;case ’GET’: get(req,res); break;default:break; }}).listen(8080);function update(req,res){ var pathname=url.parse(req.url).pathname; var postData=’’; /*接收評(píng)論*/ if(pathname==’/postComment’){req.addListener(’data’,function(data){ postData+=data;});req.addListener(’end’,function(){ var json=querystring.parse(postData); mgd(function(c){c.insert(’comment’,json,function(){ var json={} json.code=1; res.writeHead(’Content-Type:application/json;charset=UTF-8’); res.write(JSON.stringify(json)); res.end();}); });}) }}function get(req,res){ var pathname=url.parse(req.url).pathname;/*主頁(yè)*/ if(pathname===’/’){fs.readFile(’test.html’,function(err,file){ res.end(file);}) } /*獲取評(píng)論列表*/ if(pathname==’/comment’){mgd(function(c){ c.find(’comment’,{},function(data){var json={};if(data.length!=0){ json.code=1; json.data=data;}else{ json.code=0; json.data=null;}json=JSON.stringify(json)res.writeHead(’Content-Type:application/json;charset=UTF-8’);res.write(json);res.end(); }) }) }}
mongodb.js的代碼需要的話可以在我的github上看一波，其實(shí)就是一個(gè)簡(jiǎn)單的評(píng)論demo
相關(guān)文章：
1. 請(qǐng)教一條mysql的sql語(yǔ)句寫法；2. javascript - react+百度地圖3. angular.js - 關(guān)于angular react vue 我們?cè)谑裁磳?shí)際的開發(fā)項(xiàng)目中使用？如何選擇？4. html5 - iOS的webview加載出來(lái)的H5網(wǎng)頁(yè)，怎么修改html標(biāo)簽select的樣式字體？5. vue.js - vue+webpack+vue-router 部署到nginx服務(wù)器下，非根目錄，前后端怎樣配置文件？6. javascript - 為什么當(dāng)index等于5的時(shí)候，不在當(dāng)前頁(yè)面跳轉(zhuǎn)到百度？不跳轉(zhuǎn)的代碼在倒數(shù)第五行7. 手動(dòng)啟動(dòng)mysql服務(wù)出錯(cuò)，1067錯(cuò)誤，如何解決呢?8. 這是什么情況？？？9. index.php錯(cuò)誤，求指點(diǎn)10. 跟著課件一模一樣的操作使用tp6,出現(xiàn)了錯(cuò)誤
網(wǎng)公網(wǎng)安備