nodejs接收ajax提交的数据,req.on("data",......)不执行

客户端代码:$.ajax({
url:"http://127.0.0.1:1337/getOrder",
dataType:"jsonp",
data:{"state":"1"},
type:"get",
success:function (chunk) {
alert("成功"+chunk.result);
},
error:function (err) {
alert("失败"+err.message);
}
});

nodejs代码:var exp_serv=express();
exp_serv.get("/getOrder",function (req,res) {
console.log("客户端连接已建立:"+req.host);

req.on("data",function (data) {
    console.log(data.toString());

    res.send(data);
})

/**设置响应头允许ajax跨域访问**/
res.setHeader("Access-Control-Allow-Origin","*");
/*星号表示所有的异域请求都可以接受,*/
res.setHeader("Access-Control-Allow-Methods","GET","POST");

})
exp_serv.listen(1337,"127.0.0.1");

1个回答

let exp_serv = require('express')
,bodyParser = require('body-parser'); //npm body-parser 这是一个解析数据的中间件
let app = exp_serv();
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

app.get("/getOrder",function (req,res) {
console.log("客户端连接已建立:"+req.host);
console.log(req.body);
res.send(req.body);
}

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
如何用 "babel-preset-react-hmre": "^1.1.1",实现代码热加载
我在配置读react全栈这本书时,按照书上面的进行配置,但是出现不了描述的效果 我的package.json代码为: { "name": "react_webpack", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack", "dev": "webpack-dev-server --hot", "start": "webpack-dev-server --hot --inline" }, "author": "jkwu", "license": "ISC", "devDependencies": { "babel-core": "^6.23.1", "babel-loader": "^6.3.0", "babel-plugin-react-transform": "^2.0.2", "babel-preset-es2015": "^6.22.0", "babel-preset-react": "^6.23.0", "babel-preset-react-hmre": "^1.1.1", "css-loader": "^0.26.1", "eslint": "^3.15.0", "eslint-config-airbnb": "^14.1.0", "eslint-loader": "^1.6.1", "eslint-plugin-import": "^2.2.0", "eslint-plugin-jsx-a11y": "^4.0.0", "eslint-plugin-react": "^6.9.0", "file-loader": "^0.10.0", "html-webpack-plugin": "^2.28.0", "react-transform-catch-errors": "^1.0.2", "react-transform-hmr": "^1.0.4", "redbox-react": "^1.3.3", "style-loader": "^0.13.1", "url-loader": "^0.5.7", "webpack": "^2.1.0-beta.21", "webpack-dev-server": "^2.1.0-beta.1" }, "dependencies": { "babel-polyfill": "^6.6.1", "react": "^15.4.2", "react-dom": "^15.4.2" } } webpack.config代码为: var path=require('path'); var webpack=require('webpack'); var HtmlWebpackPlugin=require('html-webpack-plugin'); //一些常用路径 var ROOT_PATH=path.resolve(__dirname); var APP_PATH=path.resolve(ROOT_PATH,'app'); var BUILD_PATH=path.resolve(ROOT_PATH,'build'); // console.log("ROOT_PATH====="+ROOT_PATH); // console.log("APP_PATH====="+APP_PATH); // console.log("BUILD_PATH====="+BUILD_PATH); module.exports={ entry:{ //注意这里教材中使用的是index.jsx app:path.resolve(APP_PATH,'app.jsx') }, output:{ path:BUILD_PATH, filename:'bundle.js' }, //开启 dev source map devtool:'eval-source-map', //开启 webpack dev server devServer:{ historyApiFallback: true, hot: true, inline: true, progress: true, port:9999 //端口你可以自定义 //contentBase是访问路径,设置这个的话没图片会访问不到,如果html文件和css img等文件打包后都在这个路径下是没有问题,否则会找不到文件的 }, module: { // 配置preLoaders,将eslint添加进入 preLoaders: [ { test:/\.jsx?$/, loaders:['eslint'], include:APP_PATH } ], // rules: [ // { // test:/\.jsx?$/, // include:APP_PATH, // enforce: 'pre', // use: [{loader: 'eslint-loader', options: {rules: {semi: 0}}}], // }, // // other rules // ], // 配置loaders,将babel添加进去 loaders:[ { test:/\.jsx?$/, loaders:['babel-loader'], include:APP_PATH }, { test:/.(png)|(jpg)$/, loaders:['url'], include:APP_PATH }, { test:/.css$/, loaders:['style','css'], include:APP_PATH } ] }, //配置plugin plugins:[ new HtmlWebpackPlugin({ title:'My first react app' }) ], resolve:{ extensions:['','.js','.jsx'] } } .babelrc文件为: { "presets": ["es2015","react"], "env": { "development":{ "presets":["react-hmre"] } } } nodejs版本为 jkwu@jkwu:~/Projects/React_Webpack$ nodejs -v v4.2.6 jkwu@jkwu:~/Projects/React_Webpack$ node -v v6.9.4 jkwu@jkwu:~/Projects/React_Webpack$
哪位学长能根据以下解惑一下,ajax以POST方式请求,页面怎么接收nodejs服务器返回的数据?
服务端代码是: ``` var http=require('http'); var querystring=require('querystring'); var util=require('util'); http.createServer(function(req, res) { var postData = ""; req.on("data", function (data) { postData += data; }); req.on("end", function () { post = querystring.parse(postData); res.write(post); res.end(); }); }).listen(3000, function() { console.log("Starting to listen on port 3000"); }) ``` ajax的代码是: ``` $.ajax({ type: "POST", url: "http://localhost:3000", dataType:"jsonp", data: { user: $username, pwd: $password }, success: function(data) { var data=JSON.parse(data); console.log(data); }, error: function() { alert("出错啦!"); } }) ``` ajax发送的是两个表单数据,打开localhost:3000/index.html是空白的,输入框都没有,控制台也没有,也不报错。。。
nodejs post响应如何触发ajax的success事件
前端是这样的 //发送ajax请求 使用post方式发送json字符串给后台reg $.ajax({ type: "post", url: "/reg*", dataType: "json", data:{ username: username, password: password }, success: function(data){ //接受返回的数据,前端判断采取的动作 if(data){ console.log(data); if(data.message=="exist"){ $('#username-warning').html('用户名已存在').css('visibility','visible'); }else{ alert('登陆成功'); window.location.href="index"; } } else{ } }, error:function(err){ console.log(err); console.log("报错"); } }); }); 后台是这样写的 app.post('/reg*',function(req,res,next){ console.log("post响应"); console.log(req.body); var newUser=new User({ name:req.body.username, password:req.body.password, }); console.log(newUser); //检查用户名是否存在 newUser.get(newUser,function(err,user){ console.log(user); if(user.length>0){ err="username already exists."; console.log("我是来触发时间呢的") res.json({message:"exist"}); res.end('success'); return; } if(err){ //req.flash('error',err); console.log(err); return res.redirect('/reg'); } newUser.save(function(err){ if(err){ //req.flash('error',err); return res.redirect('/reg'); } //req.seesion.user=new User?? //req.flash("success","注册成功"); res.redirect('/'); }); }); }) 我想用户名重复的时候在前段能触发suceess事件然后给页面做点提示信息,但是怎么样前端的success事件就是不触发,好气啊!!!不知道有没哪位前辈能指导下
Nodejs 使用http.get获取网页是为什么网页数据切割成很多部分
http.get(url, function(res) { var data = ""; res.on('data', function (chunk) { data += chunk;//nodejs为什么采用这种方式返回网页中的文本 }); res.on("end", function() { callback(data); console.log("end"); }); }).on("error", function() { callback(null); });
Mongodb嵌套数组更新失败
文档格式这样: ``` "_id" : ObjectId("5cffbbf4d868b7af240d679e"), "dateid":"1560263668115", "comment" : [ { "user" : "yyyyyy", "content" : "213123", "constructdate" : "2019-06-22 07:02:08.688" }, { "user" : "kkkk", "content" : "213gggg123", "constructdate" : "2019-06-22 07:02:08.687" } ] ``` 我在终端上操作以下代码可以工作,能删除满足条件的comment更新文档 ``` db.getCollection('article').update({'dateid':'1560263668115'},{$pull:{"comment":{"constructdate" : "2019-06-22 07:02:08.687"}}}) ``` 我在Nodejs上代码如下 删除操作返回`result: { n: 0, nModified: 0, ok: 1 }`数据没删掉 将收到的req.body.datetime复制进终端也能操作成功。 ``` app.post('/articledetail/api/delmessage',(req,res)=>{ console.log(req.body); let ariticledate=req.body.dateid; let commentdate=req.body.datetime; let searchobj={'dateid':ariticledate}; let searchcallback=function(data){ return res.send('success'); } let noresultcallback=function () { return res.send("err"); } MongoClient.connect(dburl,function(err,db){ if(err){return} db.collection('aricle').update(searchobj,{$pull:{'comment':{'constructdate' : commentdate}}},function(err,data){ if(err){db.close();noresultcallback(err)} if(data){ console.log(data); db.close(); searchcallback(data); }else{ db.close(); noresultcallback(data); } }) }) }) ```
关于npm在运行时 总是会多一行无关的话的问题
C:\Users\daiql>npm -v 'CALL "C:\Program Files\nodejs\\node.exe" "C:\Program Files\nodejs\\node_modules \npm\bin\npm-cli.js" prefix -g' 不是内部或外部命令,也不是可运行的程序 或批处理文件。 3.10.10 如上所示,只要调用npm这个命令就会多"'CALL "C:\Program Files\nodejs\\node.exe" "C:\Program Files\nodejs\\node_modules \npm\bin\npm-cli.js" prefix -g' 不是内部或外部命令,也不是可运行的程序 或批处理文件。"这个毫无意义的东西 虽然npm正常运行,但总是觉的好烦,应该怎么办啊?
node.js解析input中文报错
通过nodejs将html页面中的表单内容插入mysql数据库。当input文本框内输入的为英文或数字时完全正确,一旦输入中文,点击提交按钮,服务端显示错误"Incorrect String Value……' 现在检查,数据库所有的字符设置都已经为utf8。nodejs代码中也有req.setEncoding('utf8')。表单form标签中也有accept-charset="UTF-8"。node.js代码、html代码、浏览器编码全部为utf8。请问是哪里的错误导致nodejs不能解析input里的中文? 以下是我node.js的代码: ``` var http=require('http'); var mysql=require('mysql'); var qs=require('querystring'); var db=mysql.createConnection({ host:'127.0.0.1', user:'root', password:'12345', database:'datanews' }); var server=http.createServer(function(req,res){ switch (req.method) { case 'POST': switch (req.url) { case '/': addUser(db,req,res); break; } break; } }); server.listen(3000,'127.0.0.1'); function addUser(db,req,res) { var newData=''; req.setEncoding('utf8'); req.on( 'data', function(chunck){ newData+=chunck; } ); req.on( 'end', function () { var data=qs.parse(newData); db.query( "INSERT INTO userInfo(nickname,identify,password,gender,birthDay) "+ " VALUES(?,?,?,?,?)", [data.nickname,data.identify,data.password,data.gender,data.birthDay], function (err) { if (err) { throw err; } else{ console.log("seccussful"); var html='<p>注册成功</p>' toBrowser(res,html); } } ) } ) } function toBrowser(res,htmldata) { res.setHeader('Content-Type','text/html;charset=utf8'); res.setHeader('Content-Length',Buffer.byteLength(htmldata)); res.end(htmldata); } ```
eggjs获取原生的request,就和用express中的request一样
遇到一个问题,用的富文本编辑器的SDK是封装好的https://www.froala.com/wysiwyg-editor/docs/sdks/nodejs/image-server-upload 我以前用的express写的后台是可以正常运行的,现在用了eggjs,获取的request和express中的不同,所以遇到了难题,百度一下别人是没有用它提供的SDK,直接自己写的存储方法,我想的是获取到和express中一样的request就可以了,没有研究过egg的源码,求大神帮忙。 ![图片说明](https://img-ask.csdn.net/upload/201905/16/1557974344_893658.png) express的代码 ``` router.post('/upload_images/', function (req, res) { console.log(req) FroalaEditor.Image.upload(req, '../public/images/', function(err, data) { // Return data. if (err) { //console.log(err) return res.send(JSON.stringify(err)); } //data.link='http://192.168.100.135:3003'+data.link.replace("..",""); data.link='http://localhost:3003'+data.link.replace("..",""); //console.log(data) res.send(data); }); }); ``` egg的代码 ``` async uploadImage() { const { ctx } = this; console.log(ctx.request); const data2 = FroalaEditor.Image.upload(ctx.request, '../public/images/', function(err, data) { // Return data. if (err) { console.log(err) } console.log('data',data) return data; }); ctx.body = data2; } ```
用npm安装package.json时出现错误
我是在win8 64bit上面操作,本来安装的nodejs是64位的, npm install时一直出现错误,上网查后有说要安装32位的,而且需要安装vs, 于是我卸载64的node又安装32的node,又安装vs2012, 然后又npm install 出现如下异常: ``` npm WARN optional dep failed, continuing fsevents@0.3.8 \ > spawn-sync@1.0.13 postinstall E:\project2\shijuan\node_modules\node-sass\node_modules\sas modules\spawn-sync > node postinstall \ > node-sass@3.2.0 install E:\project2\shijuan\node_modules\node-sass > node scripts/install.js Binary downloaded and installed at E:\project2\shijuan\node_modules\node-sass\vendor\win32- > node-sass@3.2.0 postinstall E:\project2\shijuan\node_modules\node-sass > node scripts/build.js ` E:\project2\shijuan\node_modules\node-sass\vendor\win32-ia32-14\binding.node ` exists. testing binary. Binary is fine; exiting. \ > bufferutil@1.1.0 install E:\project2\shijuan\node_modules\webpack-dev-server\node_modules > node-gyp rebuild | (venv) Think@RESEARCH E:\project2\shijuan\node_modules\webpack-dev-server\node_modules\sock > if not defined npm_config_node_gyp (node "C:\Program Files (x86)\nodejs\node_modules\npm\ e rebuild ) 在此解决方案中一次生成一个项目。若要启用并行生成,请添加“/m”开关。 bufferutil.cc 正在创建库 E:\project2\shijuan\node_modules\webpack-dev-server\node_modules\socket.io\ util .expb 和对象 E:\project2\shijuan\node_modules\webpack-dev-server\node_modules\socket.io\n 正在生成代码 已完成代码的生成 bufferutil.vcxproj -> E:\project2\shijuan\node_modules\webpack-dev-server\node_modules\so se\\bufferutil.node | > utf-8-validate@1.1.0 install E:\project2\shijuan\node_modules\webpack-dev-server\node_mod f-8-validate > node-gyp rebuild / (venv) Think@RESEARCH E:\project2\shijuan\node_modules\webpack-dev-server\node_modules\sock ate > if not defined npm_config_node_gyp (node "C:\Program Files (x86)\nodejs\node_modules\npm\ e rebuild ) 在此解决方案中一次生成一个项目。若要启用并行生成,请添加“/m”开关。 validation.cc 正在创建库 E:\project2\shijuan\node_modules\webpack-dev-server\node_modules\socket.io- ild\ Release\validation.lib 和对象 E:\project2\shijuan\node_modules\webpack-dev-server\node_mo tf -8-validate\build\Release\validation.exp 正在生成代码 已完成代码的生成 validation.vcxproj -> E:\project2\shijuan\node_modules\webpack-dev-server\node_modules\so lidate\build\Release\\validation.node > utf-8-validate@1.1.0 install E:\project2\shijuan\node_modules\webpack-dev-server\node_mod > node-gyp rebuild (venv) Think@RESEARCH E:\project2\shijuan\node_modules\webpack-dev-server\node_modules\sock > if not defined npm_config_node_gyp (node "C:\Program Files (x86)\nodejs\node_modules\npm\ e rebuild ) 在此解决方案中一次生成一个项目。若要启用并行生成,请添加“/m”开关。 validation.cc 正在创建库 E:\project2\shijuan\node_modules\webpack-dev-server\node_modules\socket.io\ lida tion.lib 和对象 E:\project2\shijuan\node_modules\webpack-dev-server\node_modules\socket.i va lidation.exp 正在生成代码 已完成代码的生成 validation.vcxproj -> E:\project2\shijuan\node_modules\webpack-dev-server\node_modules\so elease\\validation.node > bufferutil@1.1.0 install E:\project2\shijuan\node_modules\webpack-dev-server\node_modules util > node-gyp rebuild (venv) Think@RESEARCH E:\project2\shijuan\node_modules\webpack-dev-server\node_modules\sock > if not defined npm_config_node_gyp (node "C:\Program Files (x86)\nodejs\node_modules\npm\ e rebuild ) 在此解决方案中一次生成一个项目。若要启用并行生成,请添加“/m”开关。 bufferutil.cc 正在创建库 E:\project2\shijuan\node_modules\webpack-dev-server\node_modules\socket.io- Rele ase\bufferutil.lib 和对象 E:\project2\shijuan\node_modules\webpack-dev-server\node_module ru til\build\Release\bufferutil.exp 正在生成代码 已完成代码的生成 bufferutil.vcxproj -> E:\project2\shijuan\node_modules\webpack-dev-server\node_modules\so il\build\Release\\bufferutil.node vinyl-named@1.1.0 node_modules\vinyl-named └── through@2.3.8 manifest-revision-webpack-plugin@0.0.5 node_modules\manifest-revision-webpack-plugin └── walk@2.3.9 (foreachasync@3.0.0) coffee-script@1.9.3 node_modules\coffee-script superagent@1.3.0 node_modules\superagent ├── extend@1.2.1 ├── methods@1.0.1 ├── cookiejar@2.0.1 ├── component-emitter@1.1.2 ├── reduce-component@1.0.1 ├── mime@1.3.4 ├── qs@2.3.3 ├── debug@2.2.0 (ms@0.7.1) ├── readable-stream@1.0.27-1 (inherits@2.0.1, isarray@0.0.1, string_decoder@0.10.31, core-u ├── formidable@1.0.14 └── form-data@0.2.0 (async@0.9.2, combined-stream@0.0.7, mime-types@2.0.14) ``` 其实看上去也成功了很多,但是前面那几个异常怎么解决呢?谢谢各位 package.json如下 ``` { "repository": { "type": "git", "url": "" }, "license": "MIT", "description": "Project Shijuan", "scripts": { "start": "node_modules/.bin/webpack-dev-server --config conf/webpack.config.js --progress --colors --port 5001 --content-base build/public", "build": "node_modules/.bin/webpack --config conf/webpack.config.js --progress --profile --colors" }, "dependencies": { "amazeui": "^2.4.2", "babel-core": "^5.4.7", "babel-loader": "^5.1.3", "coffee-loader": "^0.7.2", "coffee-script": "^1.9.3", "css-loader": "^0.15.6", "echarts": "^2.2.7-beta7", "extract-text-webpack-plugin": "^0.8.1", "file-loader": "^0.8.4", "html-loader": "^0.3.0", "jquery": "^2.1.4", "manifest-revision-webpack-plugin": "^0.0.5", "node-sass": "^3.2.0", "postcss-loader": "^0.5.1", "sass-loader": "^2.0.0", "style-loader": "^0.12.3", "superagent": "^1.3.0", "url-loader": "^0.5.6", "vinyl-named": "^1.1.0", "vue": "^0.12.10", "vue-loader": "^2.1.1", "vue-validator": "^1.4.0", "webpack": "^1.10.0", "webpack-dev-server": "^1.9.0", "zrender": "ecomfe/zrender" } } ```
npm install socket.io 问题,安装不成功,报了ERR,不哪出问题了。
npm ERR! Windows_NT 10.0.14393 npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "socket.io" npm ERR! node v6.11.3 npm ERR! npm v3.10.10 npm ERR! code ENOSELF npm ERR! Refusing to install socket.io as a dependency of itself npm ERR! npm ERR! If you need help, you may report this error at: npm ERR! <https://github.com/npm/npm/issues> npm ERR! Please include the following file with any support request: npm ERR! E:\websocket\socket\npm-debug.log ``` ```
webstrom 调试 nodejs
"C:\Program Files (x86)\JetBrains\WebStorm 10.0.3\bin\runnerw.exe" "D:\Program Files\nodejs\node.exe" --debug-brk=15688 --nolazy server.js (node:9264) [DEP0062] DeprecationWarning: `node --debug` and `node --debug-brk` are invalid. Please use `node --inspect` or `node --inspect-brk` instead. Process finished with exit code 9 正常运行可以,但是debug运行就不行了。他写着让使用inspect但是从哪里改成这个呢???
Ajax+nodejs新手求问!
我有一个页面A,其中通过iframe加载了一个页面B。页面B里有个表单,表单里有个submit按钮。我在这个B页面的js中为这个submit按钮添加了一个事件函数。在这个事件函数中我创建了一个XMLHttpRequest实例xhr1。然后后台我用nodejs接收提交的表单数据并发送响应内容。我想让响应内容出现在父页面A的特定位置上。 现在数据接收、发送响应内容都没有问题,问题是响应的内容不能出现在A页面特定位置上。 我xhr1的onreadystatechange事件函数为 ``` xhr1.onreadystatechange=function(){ if (xhr1.readyState==4) { if ((xhr1.status>=200&&htr1.status<300)||xhr1.status==304) { window.parent.document.getElementById("regi").innerHTML=xhr1.responseText; } else{ window.parent.document.getElementById("regi").innerHTML="Unsuccessfull: "; } } } ``` regi是父页面A中的一个元素的id。 可是,这样写的结果是父页面A的regi元素内容并没有变为xhr1.responseText的内容,xhr1.responseText居然写在了页面B里。请问是哪里出问题了?怎样才能实现我想要的效果? 非常感谢!!
nodejs http post 获取返回值
var postReq = http.request(option, function (postRes) { var chunks = []; postRes.on("data", function (chunk) { chunks.push(chunk); }); postRes.on("end", function () { var body = Buffer.concat(chunks); //得到body }); });//我想在这里获取body postReq.write(JSON.stringify(content)); postReq.end();
新手第一次整nodejs 遇到问题 npm install报错,帮忙看下吧
npm ERR! Windows_NT 6.1.7601 npm ERR! argv "d:\\Program Files\\nodejs\\node.exe" "d:\\Program Files\\nodejs\\ node_modules\\npm\\bin\\npm-cli.js" "install" npm ERR! node v0.12.4 npm ERR! npm v2.11.1 npm ERR! code EPEERINVALID npm ERR! peerinvalid The package grunt does not satisfy its siblings' peerDepend encies requirements! npm ERR! peerinvalid Peer grunt-contrib-watch@0.6.1 wants grunt@~0.4.0 npm ERR! peerinvalid Peer grunt-contrib-nodeunit@0.3.3 wants grunt@~0.4.0 npm ERR! peerinvalid Peer grunt-contrib-jshint@0.10.0 wants grunt@~0.4.0 npm ERR! Please include the following file with any support request: npm ERR! d:\home\jngongzuo\slackend-wei-jail\ui\npm-debug.log
在本地的http.request规定了post方法,但在chrome控制台显示的是get方法
//server端 var http = require("http"); http.createServer(function(request, response) { if(request.method == 'POST'){ console.log('really'); var postdata=''; request.on('data',function(postchunk){ postdata+=postchunk; console.log('datais ==',postdata); }); } response.writeHead(200, {"Content-Type": "text/plain"}); response.write("welcome to the nodejs world "); response.end(); }).listen(8888); console.log("nodejs start listen 8888 port!"); //client端 var http = require("http"); var querystring =require('querystring'); var postData = querystring.stringify({ content:'加油加油加油', belongId:2862414 }); var options = { hostname: 'localhost', port: 8888, //path: '/test?params1="123"&params2=456', method: 'POST' }; var req = http.request(options, function(res) { console.log('STATUS: ' + res.statusCode); console.log('HEADERS: ' + JSON.stringify(res.headers)); res.setEncoding('utf8'); res.on('data', function (chunk) { console.log('BODY: ' + chunk); }); }); req.on('error', function(e) { console.log('problem with request: ' + e.message); }); // write data to request body req.write(postData); req.end(); ![图片说明](https://img-ask.csdn.net/upload/201705/18/1495117290_798711.jpg)
nodejs express中handlebars 报错
nodejs express中自定义handlebars helps,页面中写有类似{{fuctt num}}时就是打不开网页 ``` {{#section "head"}} <script type="text/javascript" src="js/jquery-1.11.3.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.3.0/handlebars.min.js"></script> <script type="text/javascript" src="js/myjs.js"></script> <script id="some-template" type="text/x-handlebars-template"> <table> <thead> <th>Username</th> <th>Real Name</th> <th>Email</th> </thead> <tbody> {{#if users}} <tr> <td>{{username}}</td> <td>{{firstName}} {{lastName}}</td> <td>{{email}}</td> </tr> {{else}} <tr> <td colspan="3">NO users!</td> </tr> {{/if}} </tbody> </table> </script> <script id="helper-template" type="text/x-handlebars-template"> <div> ## <h1>By {{fullName author}}</h1>****/*此处报错打不开网页,备注后能打开*/**** <div>{{body}}</div> <h1>Comments</h1> {{#each comments}} <h2>By {{!-- {{fullName author}} --}}</h2> <h2>{{body}}</h2> {{/each}} </div> </script> {{/section}} <h2>Simple handlebars demo</h2> <button id="btn_simple">Click me</button> <div id="my_div"> </div> <h2>Handlebars Helpers demo</h2> <button id="btn_helper">Click me</button> <div id="helper_div"> </div> ``` # ## **其余引用文档都能加载 # ## 下面是js文件** ``` $(document).ready(function(){ Handlebars.registerHelper('fullName', function(person) { return person.firstName + "这就对了 " + person.lastName; }); $("#btn_simple").click(function(){ alert("first button") showTemplate(); }); $("#btn_helper").click(function(){ showHowUseHelper(); }); }); // var context = {title: "My New Post", body: "This is my first post!"}; var persion = {title :"My New Post",body:"This is my first post!"} function showTemplate(){ var source = $("#some-template").html(); var template = Handlebars.compile(source); var data = { users: [ {username: "alan", firstName: "Alan", lastName: "Johnson", email: "alan@test.com" }, {username: "allison", firstName: "Allison", lastName: "House", email: "allison@test.com" }, {username: "ryan", firstName: "Ryan", lastName: "Carson", email: "ryan@test.com" } ]}; $("#my_div").html(template(data));; } function showHowUseHelper(){ var context = { author: {firstName: "Alan", lastName: "Johnson"}, body: "I Love Handlebars", comments: [{ author: {firstName: "Yehuda", lastName: "Katz"}, body: "Me too!" }] }; var source = $("#helper-template").html(); var template = Handlebars.compile(source); $("#helper_div").html(template(context));; } ```
nodeJS,web-server文件路径问题
小白求问,about文件中的图片无法显示 文件路径如下: src ---app.js public ---css ------style.css ---img ------robot.png templates ---about.hbs ---help.hbs ---index.hbs about.hbs文件代码: ``` <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="/css/style.css"> </head> <body> <h1>{{title}}</h1> <img src="../public/img/robot.png"><!--- 注意文件路径名,否则图片无法显示----> <p>Created by {{name}}</p> </body> </html> ``` 在app.js中 ``` const path = require('path') const express = require('express') const hbs = require('hbs'); const app = express() const publicDirectoryPath = path.join(__dirname, '../public') const viewsPath = path.join(__dirname, '../templates') app.set('view engine', 'hbs') app.use(express.static(publicDirectoryPath)) //静态文件 //app.set('views', publicDirectoryPath)//动态文件 app.set('views', viewsPath) app.get('', (req, res) => { res.render('index', { title: 'Weather App', name: 'Andrew Mead' }) }) app.get('/about', (req, res) => { res.render('about', { title: 'About Me', name: 'Andrew Mead' }) }) app.get('/help', (req, res) => { res.render('help', { title: 'Help', helpText: 'Helpful Text here' }) }) app.listen(3000, () => { console.log('server is up on port 3000') }) ```
nodejs里的var net = require('net')可以在HTML页面生效吗?
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>WebSockets客户端示例</title> </head> <script> var net = require('net'); console.log("1 ..."); var HOST = '127.0.0.1'; var PORT = 6969; var client = new net.Socket(); console.log("2 ..."); function s_connect(){ client.connect(PORT, HOST, function() { console.log("3 ..."); alert('CONNECTED TO: ' + HOST + ':' + PORT); } function s_send(){ client.write('I am Chuck Norris!'); } function s_close(){ // 完全关闭连接 client.destroy(); } </script> <body> <h1>WebSocket客户端示例2</h1> <div id="message"></div> <p>请输入一些文字</p> <input id="text" type="text"> <button id="connect" onClick="s_connect();">建立连接</button> <button id="send" onClick="s_send();">发送数据</button> <button id="disconnect" onClick="s_close();">断开连接</button> </body> </html> 我是想实现socket通信来着,但是var client = new net.Socket();加载不出。那些数字2打印不出来
爬虫福利二 之 妹子图网MM批量下载
爬虫福利一:27报网MM批量下载    点击 看了本文,相信大家对爬虫一定会产生强烈的兴趣,激励自己去学习爬虫,在这里提前祝:大家学有所成! 目标网站:妹子图网 环境:Python3.x 相关第三方模块:requests、beautifulsoup4 Re:各位在测试时只需要将代码里的变量 path 指定为你当前系统要保存的路径,使用 python xxx.py 或IDE运行即可。
字节跳动视频编解码面经
三四月份投了字节跳动的实习(图形图像岗位),然后hr打电话过来问了一下会不会opengl,c++,shador,当时只会一点c++,其他两个都不会,也就直接被拒了。 七月初内推了字节跳动的提前批,因为内推没有具体的岗位,hr又打电话问要不要考虑一下图形图像岗,我说实习投过这个岗位不合适,不会opengl和shador,然后hr就说秋招更看重基础。我当时想着能进去就不错了,管他哪个岗呢,就同意了面试...
开源一个功能完整的SpringBoot项目框架
福利来了,给大家带来一个福利。 最近想了解一下有关Spring Boot的开源项目,看了很多开源的框架,大多是一些demo或者是一个未成形的项目,基本功能都不完整,尤其是用户权限和菜单方面几乎没有完整的。 想到我之前做的框架,里面通用模块有:用户模块,权限模块,菜单模块,功能模块也齐全了,每一个功能都是完整的。 打算把这个框架分享出来,供大家使用和学习。 为什么用框架? 框架可以学习整体...
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。 1. for - else 什么?不是 if 和 else 才
数据库优化 - SQL优化
前面一篇文章从实例的角度进行数据库优化,通过配置一些参数让数据库性能达到最优。但是一些“不好”的SQL也会导致数据库查询变慢,影响业务流程。本文从SQL角度进行数据库优化,提升SQL运行效率。 判断问题SQL 判断SQL是否有问题时可以通过两个表象进行判断: 系统级别表象 CPU消耗严重 IO等待严重 页面响应时间过长
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 c/c++ 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
经典算法(5)杨辉三角
写在前面: 我是 扬帆向海,这个昵称来源于我的名字以及女朋友的名字。我热爱技术、热爱开源、热爱编程。技术是开源的、知识是共享的。 这博客是对自己学习的一点点总结及记录,如果您对 Java、算法 感兴趣,可以关注我的动态,我们一起学习。 用知识改变命运,让我们的家人过上更好的生活。 目录一、杨辉三角的介绍二、杨辉三角的算法思想三、代码实现1.第一种写法2.第二种写法 一、杨辉三角的介绍 百度
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹
面试官:你连RESTful都不知道我怎么敢要你?
面试官:了解RESTful吗? 我:听说过。 面试官:那什么是RESTful? 我:就是用起来很规范,挺好的 面试官:是RESTful挺好的,还是自我感觉挺好的 我:都挺好的。 面试官:… 把门关上。 我:… 要干嘛?先关上再说。 面试官:我说出去把门关上。 我:what ?,夺门而去 文章目录01 前言02 RESTful的来源03 RESTful6大原则1. C-S架构2. 无状态3.统一的接
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看
SQL-小白最佳入门sql查询一
一 说明 如果是初学者,建议去网上寻找安装Mysql的文章安装,以及使用navicat连接数据库,以后的示例基本是使用mysql数据库管理系统; 二 准备前提 需要建立一张学生表,列分别是id,名称,年龄,学生信息;本示例中文章篇幅原因SQL注释略; 建表语句: CREATE TABLE `student` ( `id` int(11) NOT NULL AUTO_INCREMENT, `
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // dosho
致 Python 初学者
文章目录1. 前言2. 明确学习目标,不急于求成,不好高骛远3. 在开始学习 Python 之前,你需要做一些准备2.1 Python 的各种发行版2.2 安装 Python2.3 选择一款趁手的开发工具3. 习惯使用IDLE,这是学习python最好的方式4. 严格遵从编码规范5. 代码的运行、调试5. 模块管理5.1 同时安装了py2/py35.2 使用Anaconda,或者通过IDE来安装模
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,
程序员:我终于知道post和get的区别
IT界知名的程序员曾说:对于那些月薪三万以下,自称IT工程师的码农们,其实我们从来没有把他们归为我们IT工程师的队伍。他们虽然总是以IT工程师自居,但只是他们一厢情愿罢了。 此话一出,不知激起了多少(码农)程序员的愤怒,却又无可奈何,于是码农问程序员。 码农:你知道get和post请求到底有什么区别? 程序员:你看这篇就知道了。 码农:你月薪三万了? 程序员:嗯。 码农:你是怎么做到的? 程序员:
羞,Java 字符串拼接竟然有这么多姿势
二哥,我今年大二,看你分享的《阿里巴巴 Java 开发手册》上有一段内容说:“循环体内,拼接字符串最好使用 StringBuilder 的 append 方法,而不是 + 号操作符。”到底为什么啊,我平常一直就用的‘+’号操作符啊!二哥有空的时候能否写一篇文章分析一下呢? 就在昨天,一位叫小菜的读者微信我说了上面这段话。 我当时看到这条微信的第一感觉是:小菜你也太菜了吧,这都不知道为啥啊!我估...
"狗屁不通文章生成器"登顶GitHub热榜,分分钟写出万字形式主义大作
前言 GitHub 被誉为全球最大的同性交友网站,……,陪伴我们已经走过 10+ 年时间,它托管了大量的软件代码,同时也承载了程序员无尽的欢乐。 上周给大家分享了一篇10个让你笑的合不拢嘴的Github项目,而且还拿了7万+个Star哦,有兴趣的朋友,可以看看, 印象最深刻的是 “ 呼吸不止,码字不停 ”: 老实交代,你是不是经常准备写个技术博客,打开word后瞬间灵感便秘,码不出字? 有什么
推荐几款比较实用的工具,网站
1.盘百度PanDownload 这个云盘工具是免费的,可以进行资源搜索,提速(偶尔会抽风????) 不要去某站买付费的???? PanDownload下载地址 2.BeJSON 这是一款拥有各种在线工具的网站,推荐它的主要原因是网站简洁,功能齐全,广告相比其他广告好太多了 bejson网站 3.二维码美化 这个网站的二维码美化很好看,网站界面也很...
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI 算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC
8年经验面试官详解 Java 面试秘诀
    作者 | 胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。   Java程序员准备和投递简历的实
面试官如何考察你的思维方式?
1.两种思维方式在求职面试中,经常会考察这种问题:北京有多少量特斯拉汽车? 某胡同口的煎饼摊一年能卖出多少个煎饼? 深圳有多少个产品经理? 一辆公交车里能装下多少个乒乓球? 一
碎片化的时代,如何学习
今天周末,和大家聊聊学习这件事情。 在如今这个社会,我们的时间被各类 APP 撕的粉碎。 刷知乎、刷微博、刷朋友圈; 看论坛、看博客、看公号; 等等形形色色的信息和知识获取方式一个都不错过。 貌似学了很多,但是却感觉没什么用。 要解决上面这些问题,首先要分清楚一点,什么是信息,什么是知识。 那什么是信息呢? 你一切听到的、看到的,都是信息,比如微博上的明星出轨、微信中的表情大战、抖音上的段子
so easy! 10行代码写个"狗屁不通"文章生成器
前几天,GitHub 有个开源项目特别火,只要输入标题就可以生成一篇长长的文章。 背后实现代码一定很复杂吧,里面一定有很多高深莫测的机器学习等复杂算法 不过,当我看了源代码之后 这程序不到50行 尽管我有多年的Python经验,但我竟然一时也没有看懂 当然啦,原作者也说了,这个代码也是在无聊中诞生的,平时撸码是不写中文变量名的, 中文...
知乎高赞:中国有什么拿得出手的开源软件产品?(整理自本人原创回答)
知乎高赞:中国有什么拿得出手的开源软件产品? 在知乎上,有个问题问“中国有什么拿得出手的开源软件产品(在 GitHub 等社区受欢迎度较好的)?” 事实上,还不少呢~ 本人于2019.7.6进行了较为全面的回答,对这些受欢迎的 Github 开源项目分类整理如下: 分布式计算、云平台相关工具类 1.SkyWalking,作者吴晟、刘浩杨 等等 仓库地址: apache/skywalking 更...
基础拾遗:除了&和&&的区别,你还要知道位运算的这5个运算符
&和&&都可作逻辑与的运算符,表示逻辑与(and),&是位运算符,你还需要知道这5个位运算符,基础很重要,云运算其实很骚!
相关热词 c#处理浮点数 c# 生成字母数字随机数 c# 动态曲线 控件 c# oracle 开发 c#选择字体大小的控件 c# usb 批量传输 c#10进制转8进制 c#转base64 c# 科学计算 c#下拉列表获取串口
立即提问