javascript - 如何做到不刷新页面提交表单

php中文网
发布: 2016-06-06 20:12:00
原创
1251人浏览过

先说明情况,我7天之后要交作业,只会一点php,js,要求也是用这个。
我正做个登录界面,就是信息提交后,我不想刷新页面,我想通过动画过渡到新的内容。
问题:根据上面的要求,我该用什么来提交表单,是用.html提交,还是ajax?
可能我表达不好,
我其实想问的是整个流程(从提交表单,到提示登录成功,这段过程,注意:不刷新页面)是怎样做的?

后端我只会php!!!
时间原因,现在不考虑学习asp.net

回复内容:

先说明情况,我7天之后要交作业,只会一点php,js,要求也是用这个。
我正做个登录界面,就是信息提交后,我不想刷新页面,我想通过动画过渡到新的内容。
问题:根据上面的要求,我该用什么来提交表单,是用.html提交,还是ajax?
可能我表达不好,
我其实想问的是整个流程(从提交表单,到提示登录成功,这段过程,注意:不刷新页面)是怎样做的?

后端我只会php!!!
时间原因,现在不考虑学习asp.net

流程:

立即学习Java免费学习笔记(深入)”;

  1. ajax 提交数据

    微尔企业网站管理系统动态智能版1.1 build 101029
    微尔企业网站管理系统动态智能版1.1 build 101029

    * 包含企业网所需要要的所有常用功能 * 单页企业信息页面(如公司简介、联系方式等类似页面)可以自由增加删除,自己设置文件名 * 完整的产品功能模块 * 人才招聘模块,可以直接在线提交简历 * 新闻文章模块,可自由设置二级文章分类,并对每个分类使用不同模板,如定制某个文章分类为图片分类,视频分类等 * 扩展功能包含公告、留言、友情链接等 把本系统解压到网站根目录即可使用 后台管理目录:

    微尔企业网站管理系统动态智能版1.1 build 101029 0
    查看详情 微尔企业网站管理系统动态智能版1.1 build 101029
  2. 后端处理请求,并根据情况返回结果,可能成功可能失败等

  3. ajax 的回调中处理后端的返回,并根据情况修改页面内容

楼主一直强调只会 php,不过这个流程和后端语言其实没关系。

你好:
思路的话,你想要无刷新提交表单,你就用ajax即可,后台预留对应ajax处理接口。
前台的话,用 jQuery的serialize()
序列化表单后请求到后台你继续处理就行了~

ajax实现很方便无缝衔接,不需要页面刷新

相关标签:
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号