欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

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

程序员文章站 2022-03-17 21:35:54
...
先说明情况,我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实现很方便无缝衔接,不需要页面刷新