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

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

WBOY
Freigeben: 2016-06-06 20:12:00
Original
1070 Leute haben es durchsucht

先说明情况,我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实现很方便无缝衔接,不需要页面刷新

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage