首页
技术博客
PHP教程
数据库技术
前端开发
HTML5
Nginx
php论坛
新用户注册
|
会员登录
PHP教程
技术博客
编程问答
PNG素材
编程语言
前端技术
Android
PHP教程
HTML5教程
数据库
Linux技术
Nginx技术
PHP安全
WebSerer
职场攻略
JavaScript
开放平台
业界资讯
大话程序猿
登录
极速注册
取消
热门标签 | HotTags
微信开发
node.js
yarn
dialog
bootstrap
vue.js
listview
button
chart.js
javascript
css3
base64
layout
overflow
chrome
正则
icons
svg
textview
chart
js
jq
v8
postman
checkbox
react
上传
cookies
label
ajax
focus
html5
build
firefox
webkit
npm
dom
hybrid
firebug
html
scheme
css
jquery
scroll
view
hover
vue
console
iframe
charts
json
当前位置:
开发笔记
>
前端
> 正文
用Javascript同时提交多个Web表单的方法
作者:e絕纞乄 | 来源:互联网 | 2022-07-05 16:44
使用Javascript同时提交多个Web表单的方法
1问题来自一位网友的提问:
web页面里有多个表单,每个表单对应着某一类数据操作。
比如一个详细的简历信息页面分
1、个人资料
2、工作经验
3、项目经验
4、其他信息 4个表单。
一般的需求是允许用户单独提交其中任何一个表单到下一个页面进行修改操作(也就是说页面有4个不同的修改按钮,点击哪个按钮则只提交某一个表单的数据到服务器,并根据表单的action)。
现在有这样的需求,允许用户选择其中任意的一个或多个表单进行提交修改,这样的话在客户端如何提交表单?
声明:可能会有人说将4个表单合成一个大表单,根据修改按钮的不同在服务器端进行不同的数据操作即可。这是一种解决办法,但考虑到页面数据量比较大,为了提高效率,减少数据传输量,还是希望能够分成多个表单提交,所以这个办法暂不考虑。是不是一定要用js或ajax?如果不用呢?
2 个人观点
1 用Ajax提交,比如prototype
new Ajax.Request("/do1",{parameters:$("form1").serialize().......);
new Ajax.Request("/do2",{parameters:$("form2").serialize().......);
你可以同时调用多个,默认是异步提交,所以可以同时提交多个表单,这个方案是最简单的。
2 使用多个iframe,然后将每个表单的target指向不同的iframe
然后用js的
document.getElementById("form1").submit();
document.getElementById("form2").submit();
。。。
这个样子进行提交。
3 两个方法的对比
Ajax方便简单,对结果的处理也比较省事,框架都替我们做好了,但不能跨域提交
iframe最符合一般的使用,也可以跨域提交,处理返回结果稍微麻烦些,需要在iframe里面使用 parent.进行调用才可以。
服务器
ajax
写下你的评论吧 !
吐个槽吧,看都看了
会员登录
|
用户注册
推荐阅读
ajax
PHP检测AJAX请求的有效方法
本文详细介绍了如何使用PHP检测AJAX请求,通过分析预定义服务器变量来判断请求是否来自XMLHttpRequest。此方法简单实用,适用于各种Web开发场景。 ...
[详细]
蜡笔小新 2024-12-27 21:20:10
ajax
如何在ASP.NET中操作没有runat='server'属性的HTML元素
本文探讨了在不使用服务器控件的情况下,如何通过多种方法获取并修改页面中的HTML元素值。除了常见的AJAX方式,还介绍了其他可行的技术方案。 ...
[详细]
蜡笔小新 2024-12-27 06:30:46
ajax
优化Ajax请求性能
探讨了如何解决Ajax请求响应时间过长的问题。本文分析了一个从服务器获取少量数据的Ajax请求,尽管服务器已经对JSON响应进行了缓存,但实际响应时间仍然不稳定。 ...
[详细]
蜡笔小新 2024-12-23 15:13:24
ajax
基于Go与WebSockets的实时聊天服务搭建
本文详细介绍了如何利用Go语言和WebSockets技术构建一个高效的实时聊天系统。随着网络应用的日益复杂化,实时交互成为了提升用户体验的关键要素之一。通过本指南,开发者可以学习到最新的技术和最佳实践。 ...
[详细]
蜡笔小新 2024-12-20 08:50:37
ajax
理解文档对象模型(DOM)
本文介绍了文档对象模型(DOM)的基本概念,包括其作为HTML文档的节点树结构,以及如何通过JavaScript操作DOM来实现网页的动态交互。 ...
[详细]
蜡笔小新 2024-12-19 06:28:15
ajax
ThinkPHP6多数据库部署指南
本文将详细介绍如何在ThinkPHP6框架中实现多数据库的部署,包括读写分离的策略,以及如何通过负载均衡和MySQL同步技术优化数据库性能。 ...
[详细]
蜡笔小新 2024-12-17 18:59:28
ajax
使用WebBrowser控件实现点击输入框显示图片验证码的方法
本文探讨了如何通过WebBrowser控件在用户点击输入框时自动显示图片验证码。该过程可能涉及JavaScript事件的触发与响应。 ...
[详细]
蜡笔小新 2024-12-17 18:28:07
ajax
Python爬虫实战:51CTO学院IT课程数据抓取
本文将介绍如何利用Python爬虫技术抓取国内主流在线学习平台的数据,并以51CTO学院为例,进行详细的技术解析和实践操作。 ...
[详细]
蜡笔小新 2024-12-17 11:53:33
ajax
深入分析十大PHP开发框架
随着PHP技术的发展,各类开发框架层出不穷,成为了开发者们热议的话题。本文将详细介绍并对比十款主流的PHP开发框架,旨在帮助开发者根据自身需求选择最合适的工具。 ...
[详细]
蜡笔小新 2024-12-17 11:15:55
ajax
解决 IIS 中 PHP 页面无法访问的问题
本文介绍如何解决在 IIS 环境下 PHP 页面无法找到的问题。主要步骤包括配置 Internet 信息服务管理器中的 ISAPI 扩展和 Active Server Pages 设置,确保 PHP 脚本能够正常运行。 ...
[详细]
蜡笔小新 2024-12-28 11:54:54
ajax
HTML 文件上传按钮的样式设计
本文详细介绍了如何使用 HTML 和 CSS 对文件上传按钮进行样式美化,使用户界面更加友好和美观。 ...
[详细]
蜡笔小新 2024-12-20 18:30:59
ajax
当unique验证运到图片上传时
2019独角兽企业重金招聘Python工程师标准model:public$imageFile;publicfunctionrules(){return[[[na ...
[详细]
蜡笔小新 2024-12-20 10:19:12
ajax
一个登陆界面
预览截图html部分123456789101112用户登入1314邮箱名称邮箱为空15密码密码为空16登 ...
[详细]
蜡笔小新 2024-12-20 09:57:07
ajax
2019年前端技术趋势及职业发展路径
本文探讨了2019年前端技术的发展趋势,包括工具化、配置化和泛前端化等方面,并提供了详细的学习路线和职业规划建议。 ...
[详细]
蜡笔小新 2024-12-19 10:19:35
ajax
深入理解Ajax请求中的async属性
在Web开发过程中,Ajax技术常用于前后端数据交互。其中一个重要的属性async决定了请求是否以异步方式执行,本文将详细解析async属性的作用及使用方法。 ...
[详细]
蜡笔小新 2024-12-19 07:51:12
e絕纞乄
这个家伙很懒,什么也没留下!
Tags | 热门标签
微信开发
node.js
yarn
dialog
bootstrap
vue.js
listview
button
chart.js
javascript
css3
base64
layout
overflow
chrome
正则
icons
svg
textview
chart
js
jq
v8
postman
checkbox
react
上传
cookies
label
ajax
RankList | 热门文章
1
flask中使用SQLAlchemy进行辅助开发的代码
2
Python利用多进程将大量数据放入有限内存的教程
3
用ASP将SQL搜索出来的内容导出为TXT的代码_javascript技巧
4
List the Stored Procedures in a SQL Server database_图象特效
5
Stop SQL Server_javascript技巧
6
用jscript启动sqlserver_javascript技巧
7
List all the Databases on a SQL Server_javascript技巧
8
Display SQL Server Version Information_javascript技巧
9
Sample script that displays all of the users in a given SQL Server DB_javascript技巧
10
Sample script that deletes a SQL Server database_javascript技巧
11
asp知识整理笔记3(问答模式)_javascript技巧
12
thinkphp 表名 大小写 窍门_jquery
13
MySQL中一些常用的数据表操作语句笔记_MySQL
14
SQLServer性能优化等待SLEEP_BPROOL_FLUSH_MySQL
15
SQLite语法_MySQL
PHP1.CN | 中国最专业的PHP中文社区 |
DevBox开发工具箱
|
json解析格式化
|
PHP资讯
|
PHP教程
|
数据库技术
|
服务器技术
|
前端开发技术
|
PHP框架
|
开发工具
|
在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved |
京公网安备 11010802041100号
|
京ICP备19059560号-4
| PHP1.CN 第一PHP社区 版权所有