Maison > développement back-end > tutoriel php > javascript - 如何做到不刷新页面提交表单

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

WBOY
Libérer: 2016-06-06 20:12:00
original
1071 Les gens l'ont consulté

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal