首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何将填写了一半的表单数据发送到服务器?

如何将填写了一半的表单数据发送到服务器?
EN

Stack Overflow用户
提问于 2017-08-02 19:57:17
回答 1查看 166关注 0票数 0

我们有一个很长的表格,用户需要填写,它有10个多项选择题。我们面临着一个问题,用户正在填写4-5个问题,然后停止进一步填写。

我们希望将此部分填写的表单信息发送到服务器。

一种方法是在每个步骤中发送数据,即在用户回答任何问题时立即发送数据。但这会导致太多的API命中,并减慢客户端的填充过程。

有没有其他方法可以做到这一点,例如,使用js unload事件,或者我们可以在客户端检测到用户何时更改选项卡/关闭浏览器/或使用任何其他方法退出我们的页面?

EN

回答 1

Stack Overflow用户

发布于 2017-08-02 20:04:58

我一直在这样做,以便表单捕获潜在的表单丢弃。因此,每当输入字段出现模糊时,它都会检查频率,并将表单数据作为post发送到一个处理程序,您可以在该处理程序中接收数据并在/ form /handler.php文件中执行所需的操作。

Javascript (确保先初始化JQuery ):

代码语言:javascript
运行
AI代码解释
复制
function sendAbandoned() {
        var now = new Date();
        now = Math.floor(now / 1000);

        if ((now - lastUpdate) < 10) {
            // make sure doesn't send too many "updates"
            return false;
        }


        lastUpdate = now;
        var formArr=$("form[name='formName']").serializeArray();

        $.post('/path/to/abandoned/handler.php',
        formArr);
    }


    $("form[name='formName'] input").blur(function () {
        sendAbandoned();
    });
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45469884

复制
相关文章
如何将Flink应用的日志发送到kafka
产线环境上的Flink应用是长时运行的应用,日志量较大,通过flink web页面查看任务日志会导致浏览器卡死,通过日志排查问题非常不便。因此,需要将flink应用的日志发送到外部系统,方便进行日志检索
Eights
2020/09/10
2.4K0
如何将Flink应用的日志发送到kafka
800行代码写了个表单
最近一直在忙别的事情,没有更新。接下来如果不忙的时候应该会重新巩固一下基础知识,然后再看看框架源码,研究一下DSL方案的低代码实现方式,研究一下如果实现一个web版的光影魔术手都需要那些技术点。
terrence386
2022/07/14
4380
800行代码写了个表单
首选dns协议版本6怎么填服务器,首选dns怎么填服务器?[通俗易懂]
首选dns和备用dns分别设成208.67.222.222和208.67.220.220。
全栈程序员站长
2022/09/06
5.1K0
首选dns协议版本6怎么填服务器,首选dns怎么填服务器?[通俗易懂]
如何将开发流程工具化,躺着把代码写了
当年在百度搜索团队的时候做的一个小工具,可以把一些日常工作自动化,确实解决了一些问题。正值五一,分享点有趣的东西。希望能给大家一些启发。
公众号@魔术师卡颂
2021/05/27
1K0
如何将开发流程工具化,躺着把代码写了
系统捕获异常并发送到服务器
大家都知道,现在安装Android系统的手机版本和设备千差万别,在模拟器上运行良好的程序安装到某款手机上说不定就出现崩溃的现象,开发者个人不可能购买所有设备逐个调试,所以在程序发布出去之后,如果出现了
xiangzhihong
2018/01/30
9410
系统捕获异常并发送到服务器
服务器表单校验
为什么后端要做表单的校验呢,如果只使用前端来校验的话,如果浏览器把 JS 给禁用掉, 就完犊子啦
程序员 NEO
2023/10/01
1920
服务器表单校验
如何将消息按指定时间发送到钉钉群里
根据项目组需求,组员每天都要写工作日报,但有时候忙起来,就忘记写日报这个事了,所以就需要一个通知消息来定点通知大家写日报。
wangmcn
2022/07/26
3K0
如何将消息按指定时间发送到钉钉群里
将CSV的数据发送到kafka(java版)
前面的图可以看出,读取CSV再发送消息到kafka的操作是Java应用所为,因此今天的主要工作就是开发这个Java应用,并验证;
程序员欣宸
2021/04/16
3.5K0
将CSV的数据发送到kafka(java版)
搭建smtp邮件服务器_smtp服务器怎么填
在大多数情况下,每个虚拟服务器都尽量在消息一抵达消息队列后就进行发送;可是,如果下一个中继段的服务器发生了某个临时性的问题,或者网络中发生了某种通信故障,那么虚拟服务器就会采取适当的措施,例如对消息进行排队,准备再次重试,或者变更消息路由。
全栈程序员站长
2022/11/10
5.1K0
搭建smtp邮件服务器_smtp服务器怎么填
SMTP服务器未设置_smtp服务器怎么填
什么是smtp服务器呢?smtp服务器是一组用于从源地址到目的地址传输邮件的规范,通过它来控制邮件的中转方式。不过很多用户都不知道怎么去打开这个smtp服务器,针对这个问题,接下来小编给大家做详细介绍。
全栈程序员站长
2022/11/10
4.1K0
大数据Hadoop入门需要填的坑
Hadoop是一个由Apache基金会所开发的分布式系统集成架构,用户可以在不了解分布式底层细节情况下,开发分布式程序,充分利用集群的威力来进行高速运算与存储,具有可靠、高效、可伸缩的特点。
加米谷大数据
2019/01/09
4510
Python中日志异步发送到远程服务器
背景 在Python中使用日志最常用的方式就是在控制台和文件中输出日志了,logging模块也很好的提供的相应 的类,使用起来也非常方便,但是有时我们可能会有一些需求,如还需要将日志发送到远端,或者直
CeshirenTester
2022/06/09
3830
使用Logstash接收Netflow日志并发送到syslog服务器
接受90端口的netflow日志,解析netflow中的源IP、端口、目的IP、端口,并输出syslog到任意端口
heasy3
2020/08/02
2K0
HTML基础知识之表单
表单的用途非常广泛,比如电子邮箱、用户注册登录、网上搜索等,简单来说,表单是一个将用户信息阻止起来的容器;
用户8639654
2021/07/26
1.1K0
你一半我一半的gghalves
安装 # 2选1 install.packages("gghalves") devtools::install_github('erocoar/gghalves') 使用 主要是添加了3种half geoms:boxplot,violin,point geomhalfpoint library(gghalves) ## Loading required package: ggplot2 ggplot(iris, aes(Species, Sepal.Width)) + geom_half_poi
医学和生信笔记
2022/11/15
5210
你一半我一半的gghalves
vue框架中用于表单数据绑定的指令_jsp获取表单数据
v-model指定可以实现表单值与属性的双向绑定。即表单元素中更改了值会自动的更新属性中的值,属性中的值更新了会自动更新表单中的值
全栈程序员站长
2022/09/16
2.2K0
vue框架中用于表单数据绑定的指令_jsp获取表单数据
通过Ajax提交表单的数据
当监听到表单的提交事件后,可以调用事件对象的 event.preventDefault()函数,来阻止表单的提交和页面的跳转,示例代码如下:
岳泽以
2022/10/26
2.3K0
POST表单数据
在之前的文章中,我们了解到了如何进行API的简单调用,这仅仅输入 GET类型的操作,而现在我们需要对网站进行POST。
摸鱼的G
2023/02/22
6730
html获取表单提交数据_提交表单的两种方法
转载于:https://blog.csdn.net/yongwoozzang/article/details/83029128
全栈程序员站长
2022/11/08
2.6K0
点击加载更多

相似问题

如何将表单数据发送到服务器

12

Django表单文本字段预填来自其他表单的数据

11

如何将数据发送到最终表单

124

如何将已提交的表单数据发送到本地服务器

20

如何将HTML表单数据作为JSON发送到服务器?

91
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文