Home > Backend Development > PHP Tutorial > javascript - 如何做到不刷新页面提交表单

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

WBOY
Release: 2016-06-06 20:12:00
Original
1072 people have browsed it

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

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

回复内容:

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

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

流程:

  1. ajax 提交数据

  2. 后端处理请求,并根据情况返回结果,可能成功可能失败等

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

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

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

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

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template