ajax post提交数据_如何用前端知识获取数据，制作一个微信订餐后台案例？

在介绍案例之前，我们先来介绍以下在node中如何获取数据。

get方式

1.把发送给服务器的数据追加在请求头的url后面

2.发送数据的大小有限制

3.get方式发送给服务器数据会有缓存。

post方式

1.把发送给服务器的数据放在请求体里面

2.发送数据的大小没有限制

3.post方式发送给服务器数据没有缓存。

GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。

GET在浏览器回退时是无害的，而POST会再次提交请求。

GET产生的URL地址可以被Bookmark，而POST不可以。

GET请求会被浏览器主动cache，而POST不会，除非手动设置。

GET请求只能进行url编码，而POST支持多种编码方式。

GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。

GET请求在URL中传送的参数是有长度限制的，而POST么有。

对参数的数据类型，GET只接受ASCII字符，而POST没有限制。

GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。

GET参数通过URL传递，POST放在Request body中。（本标准答案参考自w3schools）

但是我们在node中我们要怎样接受从前台传过来的post数据了。这就需要引入body-parser模块。bodyparser 用来解析post的请求取代了原生的 req.on 的方式但是只能取到ajax 和表单的数据，取不到上传的文件类型。

第一步：创建一个app.js文件放置常见的端口号为3000的服务器。我们先使用npm引入express，views，body-parser模块，在引入body-parser的的时候要添加一个解析中间件，不然在解析的时候会报错app.use(bodyParser.urlencoded({extended:false}));

第二步：在public中设置好初始页面index。我们在body中创建一个div名为box。在div中常见一个h2标签作为题目。创建3个input标签。2个type类型为text作为提交数据的地方，1个名为btn类型为submut作为提交按钮。再创建一个a标签查看所有订单。最后使用ajax作为提交数据的方法。我们选取提交按钮设置相应的函数向后台提交数据。

第三步：再controlle中获取手机号和食物let {phone,food} = req.query;显示所有订单，展示一个用户的所有订单。获取用户的手机号。当点击提交按钮时，就会出现相应的用户列表，还有用户所下的订单，购买了什么东西。

最后就是我们点击用户名的时候我们要弹出该用户最近定的是什么菜。我们创建deta文件来存储从前台获取的数据。再点击我的用户名是就会遍历data文件夹，找到用户名相同的文件夹，提取出来使用views把获取的是通过视图变量反馈给前台。用<% = %>将值传给前台。

程序运行结果为：

ajax post提交数据_如何用前端知识获取数据，制作一个微信订餐后台案例？相关推荐

python如何读dat数据_如何用Python进行数据质量分析
概述数据挖掘的第一步工作是数据准备,而数据准备的第一步就是数据质量分析了.本篇文章着重介绍如何使用Python进行数据质量分析的初步工作,属于比较基础的入门教程. 为什么要进行数据质量分析根据百度 ...
android studio开发app实例_基于Android输入法开发，制作一个微信斗图APP
刘望舒读完需要 20分钟速读仅需12分钟作者:小学生° 来源:搜狐技术产品 01 导读微信斗图的应用有很多,但大部分都是通过微信分享来实现的,需下载 APP,下载表情并分享到微信联系人,操作步 ...
python怎么导出数据_如何用python将数据导出
Python的一大应用就是数据分析了,而数据分析中,经常碰到需要处理Excel数据的情况.这里做一个Python处理Excel数据的总结,基本受用大部分情况.相信以后用Python处理Excel数据 ...
sql同时修改两个表的数据_如何用SQL做数据透视表？
- 点击上方"中国统计网"订阅我吧!- 讲过很多次,数据分组和数据透视表很像,Sql 中的数据分组大家应该都很熟悉了,用的就是 group by. 数据透视表是作为一个数据分析师最 ...
如何使用前端DOM操作制作一个便签：
如何使用前端DOM操作制作一个便签: 当你看到这张要实现功能的图片时,不知道你现在的心情如何?反正我看到这张图片的时候心情就跟着张图片的背景颜色一样灰暗! 只要你在动手敲代码前想好各大功能应该要怎么实 ...
查询时拼接两列数据_如何用VBA代码查询两列数据差异？
爱就一个字,我只说一次-- 北京市第三交通委提醒您:代码千万条,注释第一条,命名不规范,修订两行泪-- 咳,给大家拜晚年了,再提前祝大家元宵快乐-- 我们今天和大家分享的内容是如何用VBA代码查询两列 ...
python删除excel第一行_如何用 Python 清洗数据？
林骥的第 38 篇文章 0. 序言在做数据分析之前,我们首先要明确数据分析的目标,然后应用数据分析的思维,对目标进行细分,再采取相应的行动.我们可以把数据分析细分为以下 8 个步骤:(1)读取(2)清 ...
python怎么整理数据的_如何用 Python 整理数据？
文章转载自公众号林骥 , 作者林骥 0. 序言整理的意思,是整顿使之有条理,目标是让零散杂乱的数据变得井然有序. 许多分析数据的时间. 做数据分析工作,表面是在制作数据报表.提交分析报告,背后 ...
如何用python整理数据_如何用python实现对数据库的整理
展开全部先花点时间来说说一个程序怎么和数e68a843231313335323631343130323136353331333361303131据库进行交互 1.和数据库建立连接 2.执行sql语句 ...

ajax post提交数据_如何用前端知识获取数据，制作一个微信订餐后台案例？

ajax post提交数据_如何用前端知识获取数据，制作一个微信订餐后台案例？相关推荐

最新文章

热门文章