javascript - 如何使用原生js提交form
高洛峰
高洛峰 2017-04-10 18:10:46
[JavaScript讨论组]

我的页面代码是这样的:

UpLoad:

UpLoad:

如何用原生js实现无刷新提交并返回值?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(1)
PHPz

不支持Html5的浏览器

用一个隐藏的iframe 把form表单的target属性指向 iframe 提交form表单的时候 页面是不会刷新的 

会通过iframe post form表单action所指向的地址 包括form表单里面要上传的文件在 后台都能正常的取值;

上面是提交并取值,在后台处理完照常返回值(一般是js脚本),比如说:
'<script>parent.postcallback("success")</script>' //调用父窗体的一个回调函数做提示处理

支持Html5的浏览器
用js构建一个formdata对象 用ajax提交就行了(包括上传文件,用html5上传,还可以监听上传的真实进度)

具体的例子无刷新提交demo(请看源代码)

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

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