首页 > Web开发 > 详细

表单提交(同步提交)和AJAX提交(异步提交)

时间:2018-04-28 10:36:42      阅读:461      评论:0      收藏:0      [点我收藏+]

表单提交(同步提交)

HTML文件:

技术分享图片

技术分享图片

 

PHP文件:

技术分享图片

这样就能接收到HTML里输入的内容,注意:

FORM表头method为POST,PHP文件获取的方法就是$_POST,method为GET,PHP的获取方法就是$_GET,另外登录(提交按钮)的TYPE为submit

异步提交(AJAX提交)

HTML:

技术分享图片

技术分享图片

 PHP:

 技术分享图片

注意:

HTML中的FORM,提交按钮TYPE改为BUTTON,防止刷新。AJAX是jqery所以script包起来,因为我引入了弹窗的样式,所以有这个

技术分享图片

这里如果成功接收数据,如果code为1,则弹出消息,并且跳转url,如果不为1,弹出消息

技术分享图片

至于PHP文件中,判断输入数据和数据库数据是否相等,作两种动作。

另外我的样式是这样的:

技术分享图片

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

写的有点乱,因为没有重新整理,后续可能会整理。

表单提交(同步提交)和AJAX提交(异步提交)

原文:https://www.cnblogs.com/iampengl/p/8965769.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!