第7天 Post方法与上传——post.js 插件使用例子
首先,在example目录下,建立post-example目录,建立一个run.js运行文件,还要建立一个public目录用来储存静态资源,public目录下建立一个index.html文件,下面是index.html网页代码。
post.js 插件使用例子
首先,在example目录下,建立post-example目录,建立一个run.js运行文件,还要建立一个public目录用来储存静态资源,public目录下建立一个index.html文件,下面是index.html网页代码。
<!doctype html> <html> <head> <title>write article</title> </head> <body> <form action="http://localhost:3000/post" method="post"> <p><input type="text" name="title"/></p> <p><textarea type="text" name="content" ></textarea></p> <input type="submit" /> </form> </body> </html>
然后编写run.js运行代码:
var fk = require("../..") ,App = fk.App ,app = new App ,static = fk.static ,post = fk.post; app.use(static(__dirname+"/public")); app.use(post); app.post("/post",function(req,res){ res.write("post success!\n"); res.write("----------------\n") res.write("title: \n") res.write(req.body.title+"\n"); res.write("content: \n"); res.write(req.body.content); res.end(); }) app.listen(3000)
启动 node run ,然后打开浏览器 localhost:3000/index.html ,这时候会打开表单页。
提交之后,页面会出现:
post success! ---------------- title: my title is post method content: content is about post method and upload.
通过这个例子,看到了post.js中间的作用。通过访问req.body,就可以javascript对象属性的形式访问,岂不美哉!这还不是全部,因为眼下的post.js插件并不支持上传数据的解析,虽然上传也是采用了post方法,但数据结构更为复杂。下一节将探讨上传的数据结构。
很赞哦! ( 0
)
相关文章
- angularJs的html转义过滤器
- ng-switch on、ng-if/ng-show/ng-hide/ng-disabled标签
- angularjs分页教程
- DoraCMS 2.1.2 以下升级到新版本的操作流程
- Nodejs cms内容管理框架 DoraCMS v2.1.3 版本更新
- DoraCMS 2.1.3 尝鲜体验
- Nodejs cms内容管理框架 DoraCMS v2.1.2 版本更新
- Vscode 前端开发必备插件推荐
- Nodejs cms内容管理框架 DoraCMS v2.1.1 版本更新
- javascript 数据类型学习笔记
- DoraCMS 后台UI的一些小调整
- 关于利用input file 移动端上传的问题处理