码迷,mamicode.com
首页 > Web开发 > 详细

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

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

标签:html   跳转   两种   nbsp   ajax   png   image   AC   防止   

表单提交(同步提交)

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提交(异步提交)

标签:html   跳转   两种   nbsp   ajax   png   image   AC   防止   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!