为什么点击按钮保存表单里的数据时,全部的数据都没有获取到,都是空的?

通过jQuert Ajax的POST请求将表单序列化,然后提交到后台时,所有数据都为空的是怎么回事?
这是大致的代码

 <html>
<head>
....
</head>
<body>
    <div>
        <form id="nq_data">
            <div class="col-md-6 form-group">
                        <label for="name">编号</label>
                        <input type="text" class="form-control" id="openbeds_numbers" 
                            placeholder="0">
                    </div>
                    <div class="col-md-6 form-group">
                        <label for="name">数目</label>
                        <input type="text" class="form-control" id="pnurse_begin_totalnumbers" 
                            placeholder="0">
                    </div>
        </form>
    </div>
    <div class="col-md-12 form-group">
        <button style="width: 150px" type="button" class="btn btn-default"
                    onclick="savaData()">暂存</button>
    </div>

    <script type="text/javascript">

    function savaData() {
        $.post("<%=basePath%>savaData.action",
                $("nq_data").serialize(),function(data){
            if(data == "OK"){
                alert("已成功保存!");
                window.location.reload();
            }else{
                alert("保存失败!");
                window.location.reload();
            }
        });
    }
</script>   
</body>
0

5个回答

先看下nq_data序列化后是否有数据,再看看后台的访问数据是什么

0
TJ1532635942
TJ1532635942 回复caozhy: 哎,我也不知道到底该采纳谁的,既然采都采纳也没办法了
大约一年之前 回复
caozhy
贵阳挖掘机马善福,自备车辆专业挖游泳池 https://ask.csdn.net/questions/689592这个帖子也是很蹊跷地采纳给一个抄袭的。
大约一年之前 回复
caozhy
贵阳挖掘机马善福,自备车辆专业挖游泳池 回复u010721331: 这个人是刷分的。已经举报了。他这么做已经不是第一次了。
大约一年之前 回复
u010721331
u010721331 回复TJ1532635942: 大哥,我帮你解决的,你采纳的别人的回答
大约一年之前 回复
TJ1532635942
TJ1532635942 哦!!都怪自己粗心大意,解决了
大约一年之前 回复
u010721331
u010721331 $("nq_data").serialize(); //这句里面nq_data前面怎么没加#号
大约一年之前 回复
TJ1532635942
TJ1532635942 怎么查看表单序列化后有没有数据?
大约一年之前 回复

表单元素没有name属性

0
caozhy
贵阳挖掘机马善福,自备车辆专业挖游泳池 在这里回答问题,只能小心规避这种垃圾人。平台一点也不保护咱们的。哎,挺可悲。
大约一年之前 回复
u010721331
u010721331 回复TJ1532635942: $("nq_data").serialize(); //这句里面nq_data前面怎么没加#号
大约一年之前 回复
TJ1532635942
TJ1532635942 加上name属性后还是不行
大约一年之前 回复
 <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>

        <title>$Title$</title>
      <script src="js/jquery-3.1.0.js">
          console.log("hhhh")
      </script>
  </head>
  <body>
<form >
    <input type="text" name="firstName"/>
    <input type="text" name="lastName"/>
</form>
<button onclick="getInfo()">序列化</button>
  <script type="text/javascript">
      function getInfo() {
              var info = $("form").serialize();
              $.post("GetInfoController",info,function (result) {
                  console.log(result);
              })
      }
  </script>
  </body>
</html>


 import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet(name = "GetInfoController",urlPatterns = {"/GetInfoController"})
public class GetInfoController extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");
        String firstName = request.getParameter("firstName");
        String lastName = request.getParameter("lastName");
        System.out.println("firstName: "+firstName+" "+lastName);
        response.getWriter().write("success");

    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request,response);
    }
}

0

获取表单数据时应该是$('#nq_data') 你看看你是不是少了个#

0

nq_data 是ID ,获取的时候应该有个#,$("#nq_data")

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
使用element-ui表单提交值为空的问题
再用element的form表单提交时参数一直为空,找了半天最后发现是因为在提交表单后有一个还原表单的事件,这个事件写道了提交请求的方法外面,但是因为是ajax异步提交导致请求未完成参数就置空了,再此记录一下: // 保存按钮 handleSave(updateForm){ var _this= this; const set = this.$refs...
如何点击数据行直接获取该行数据的ID
开发工具与关键技术:Visual Studio ASP.NET MVC 作者:刘剑鸿 撰写时间:2019年06月13日 星期四 如何点击数据行直接获取该行数据的ID 双击、单击某个表格的数据行,获取到该行的ID,然后对该数据行进行修改或删除。这操作在数据表格使用中式经常用到的。然而,一张数据表也许有很多行。怎么才精确地获取选中那行的数据? ...
post表单提交后,后台获取数据为null 大量数据的时候会出现这个问题
post提交为空      如果是tomcat  你修改server.xml                                 connectionTimeout="20000"                 redirectPort="8443"                maxPostSize="20000000" />
为什么保存和提交流程时,第一次提交是有值,而第二次时页面的值全没了?
好尴尬,提交的时候注意到这个问题了,但是流程的二次提交就把这个问题给忘记了,还是自己不够细心。选择下拉框的页面属性问题,一开始提交流程时,只给了必填的属性,而后面提交流程时加了只读(disable属性)。注意,在JRAF框架中只读(disable)属性是不传数据,所以就自动变为了空值,所以需要后台也要做的判断,要保证必填字段不能为空,不然就会把数据库里的数据全部覆盖为空值。还有的个小问题,xml里...
在 vue-cli 表单中给 input 赋值提交后获取到的为空值的问题
input 赋值后表单提交却为空 先讲一下需求,在调用接口后将返回的值赋在表单的 input 上,然后提交表单。今天在做这个的时候因为这个问题困扰了很久,明明值已经赋上去了,结果提交后显示的该值为空。具体看以下代码: &amp;lt;template&amp;gt; &amp;lt;div class=&quot;hello&quot;&amp;gt; &amp;lt;form :action=&quot;action&quot; method...
显示分页页面,点击下一页,后台获取不到数据
1. 如果不一致,后台获取不到数据。这两个数字对后台会没有影响
关于使用.serialize()方法封装表单时获取不到表单数据的问题
个人博客地址:https://alexaccele.github.io/ .serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。 我有一个id为login_form的表单,在jQuery中我使用 $(&quot;#login_form&quot;).serialize()  想要封装表单数据时却发现的值为空。 后来发现如果想要使用.seri...
layui使用button按钮 点击出现子弹层 弹层中加载表单,并传递参数给父弹出层
在父层中增加button按钮和隐藏域接收子弹出层传递的值 &amp;lt;button id=&quot;btnMenuTree&quot; type=&quot;button&quot; class=&quot;layui-btn layui-btn-radius layui-btn-normal layui-btn-xs&quot;&amp;gt;选择&amp;lt;/button&amp;gt; &amp;lt;input type=&quot;hidden&quot; id=&quot;pa
vue项目中做编辑功能传递数据时遇到的问题
在项目中完成编辑功能时,遇到了这样一个问题:编辑的功能使用的是一个子组件作为弹出框,如图 这里涉及到从父组件向子组件传递数据的问题,这个项目使用的是v1.0,问题是当点击了编辑以后,弹出的子组件中没有获取到父组件传过来的数据,检查后没有发现代码错误,最后解决的方法就是在父组件中,把传递的数据中的每一项都初始化了一遍就好了creatIssue (type,list,id){
【原创】php将form表单多次请求的内容保存到txt并显示到form所在的页面
小菜鸟分享小小经验: 做之前百度理解相关函数(这个很重要),然后整合了一下自己的版本。 我做的是一个 同学聚会报名 页面。 源代码:<?php if(!empty($_POST['name']) && !empty($_POST['tel']) && !empty($_POST['wechat']) && !empty($_POST['state'])){
用表单(form)传值时出现其中一个值为null
  问题:更新数据库操作时出错 org.hibernate.TransientObjectException: The given object has a null identifier: domain.UserAccount 原因:ID没有传进去,去DAO方法中调用时发现没有ID,ID为null.  因为在JSP &amp;lt;input type=&quot;text&quot; id=&quot;userId&quot; ...
easyui 里 table 的 form提交后台获取的值全为null
1、easyui版本1.4.4  2、页面是jsp,如下: 有点强迫症的我随手把table改为单标签,,结果我蒙逼了,其他页面都好好,为啥这个页面form提交后获取的全是null,搞了大半天,终于恼了,跟其他页面一行一行对比,开始不相信是因为table标签问题后来没办法只能试试,改为双标签。我曹居然好了。我也是醉了。
清空form表单数据的两种方式
方法1:遍历页面元素 /* 清空form表单内容  id:表单ID*/  function ClearForm(id) { var objId = document.getElementById(id); if (objId == undefined) { return; } for (var i = 0; i < objId.e
sessionStorage实现草稿数据存入和读取
实现一个功能: 表单编辑的时候可以存入 sessionStorage中,如果没有点击保存,下一次或者刷新进入页面的时候可以读取session中的值填入表单中。 使用的技术点当然是操作 sessionStorage ,主要用到以下几个API。 sessionStorage.setItem(key, value) // 设置session sessionStorage.getItem(key) /...
2016/6/21--网页点击保存按钮将数据存到数据库
——今天实现的功能是前台表单上的保存按钮,将数据存到数据库中。 贴几段关键的代码: ----------------------------------------- 农村留守儿童基本情况登记表 填报单位:(盖章) 注:
ExtJs6获取form里的数据
ExtJs6获取form里的数据 1.PanoramForm.js form的items部分 items: [{ xtype: 'form', id:'customerF', modelValidation: true, defaults: { labelAlign: 'left', m...
JvaScript--使用js添加数据,点击按钮,将内容放入表格中
 题目要求: 创建一个Student类,有name、age属性和方法showInfo(), 在页面上显示: 姓名&nbsp;&nbsp;|&nbsp;&nbsp;年龄   然后再div中使用js添加数据,每点击一下按钮就显示一条数据,(必须通过p元素去找div) *其中要写一个函数show()用来调用Student类里面的showInfo()函数 function
使用模型驱动ModelDriven,出现对象为空问题
在写后台管理员登陆的时候,出现: 15:35:03,512 ERROR Dispatcher:38 - Exception occurred during processing request: null 的错误,查了一下,发现javaBean对象为空,后来发现是定义javaBean时没有给出空间: private AdminUser adminUser = new AdminUser();
datatable列表行中的点击按钮怎么获得当前行的id值
列表效果如图: 点击详情按钮,打开弹框并显示详情: 点击详情按钮,怎么获取当前行的id呢? 将id赋值给前面的多选框,或者放到一个隐藏的Input里 html为: 则,添加点击事件: function中传入默认参数e,用$(e.currentTarget)来获取当前点击的对象,则可以根据父子节点的操作来获取到input中id的值。 ...
如何让用户在点击"提交(submit)"按钮提交数据前保证所有字段正确输入
PHP - 在表单中确保输入值 在用户点击提交按钮后,为确保字段值是否输入正确,我们在HTML的input元素中插添加PHP脚本, 各字段名为: name, email, 和 website。 在备注中的 textarea 字段中,我们将脚本放于 标签之间。 PHP脚本输出值为: $name, $email, $website, 和 $comment 变量。  然后,我们同样
easyui datagrid 点击保存时正在编辑行数据无法获取的解决方法
解决方法:在点击保存时执行的函数中遍历所有行,逐一关闭编辑: var storageid = $('#id').textbox('getValue'); //保存入库明细 var addrows = $(&quot;#storage_jl_dg&quot;).datagrid('getRows'); //获取加项列表中的所有行 for(var i=0; i&amp;lt;addrows.length; i++) { ...
Mybatis查询结果List集合数量正确,但全为null
最近在把一些之前做过的项目改成SSM框架,在一个简单的查询SQL中,出现了没有查询结果的情况(返回值为POJO),经过不断的测试,发现集合的数量正确,但是值全为NULL,在参考了很多的网上的实例后,东改瞎改也没有效果。TeachDao.javaTeachDao.xmlTeachService.javaTeachServiceImpl.javaTeachController.java以上是框架中的相...
vue.js点击获取按钮第一次获取不到数据,第二次才可以
今天做完项目提交,产品给我提了一个问题,说我这个第一次打开的时候总是获取不到数据,得第二次才可以。我测试了下,点第一次走了接口,结果一闪而过,然后啥都没了,我还打印了下,结果闪了一下就没了,经过仔细查找,才发现我的路径地址是 http://localhost:8080/?#/warship,莫名其妙的多了个 “?”,然后百度了一下说是页面...
关于request无法获取到前端发送的form表单数据
问题:servlet中使用request.getParameter()获取不到前端发送的form表单数据 post请求是接收到了的,但是输出一直是&quot;null&quot;,数据为空,本来一直以为是后台写错了 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletExcep...
点击form表单中的提交按钮出现页面刷新效果的原因
最近做一个web开发,在做表单提交的时候,出现了类似于F5刷新页面效果的问题。(因为前台开发没有分离,所以一个js文件最少也有五六千行,出了bug很难找到问题,所以真心建议前台开发要分离开来)问题:点击提交按钮,出现了F5刷新页面的效果问题原因:将提交按钮button放到了form表单内解决办法:将button按钮放到form表单外即可解释:button按钮有两种类型,submit和button ...
获取页面数据保存到数据库的方法(1)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术:VS与MVC js 作者:陈锦通 撰写时间:2019年6月4日星期二 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~...
NC65自定义按钮,重写保存方法,以及如何获取单据数据
1-自定义按钮 自定义按钮类需要继承NCAction方法 extends import nc.ui.uif2.NCAction 注入BillManageModel,生成get/set方法 private BillManageModel model; 实现doAction方法 public void doAction(ActionEv...
提交表单时servlet接收到的参数为空
提交表单时servlet接收到的参数为空的问题
vue点击时获取列表的值
这样就能获取到了,哈哈哈 顺便普及下vue获取父元素,子元素,兄弟元素等的操作,当然,vue获取元素也可以用ref属性,更方便 e.target 是你当前点击的元素 e.currentTarget 是你绑定事件的元素 e.currentTarget.previousElementSibling.innerHTML 获得点击元素...
利用JS实现按钮onclick提交表单时,按钮无法响应问题
&amp;lt;%@page import=&quot;dao.library.com.UserDao&quot;%&amp;gt; &amp;lt;%@page import=&quot;java.util.List&quot;%&amp;gt; &amp;lt;%@page import=&quot;entity.library.com.User&quot;%&amp;gt; &amp;lt;%@page import=&quot;java.util.ArrayList&quot;%&amp;gt; &
登录系统保存账号密码后,当录入表单时会自动填充到表单的账号密码解决方案
在input框中加入:readonly onfocus="this.removeAttribute('readonly');"即可以解决此问题. 例如: &lt;el-form-item label="邮箱" prop="username"&gt; &lt;el-input placeholder="请输入邮箱" v-model="re...
开发中遇到的表单的富文本编辑器获取不到值的问题
经过各种查询资料,发现了 使用ckeditor 需要在表单提交前 刷新文本域,上代码: for(instance in CKEDITOR.instances){ CKEDITOR.instances[instance].updateElement(); } 之后在文本域下方输入 &amp;lt;form:textarea id=&quot;remarks&quot; htmlEscape=&quot;fals...
bootstrap表单中的提交按钮提交后自动刷新问题
问题描述:写了一个提交信息的页面用到了bootstrap框架,发现按了提交按钮之后页面自动刷新了,ajax请求的值返回到了后台,返回的成功信息也传到前台的但是既没有执行success方法也没有执行error方法,原因是自动刷新打断了ajax进程。 解决方法:只要将提交按钮移出来到form表单外即可 ...
前台post提交表单时获取不到数据的原因
1、可能是页面中有重复的id或name.
记录一下jeesite开发中各种前端问题,大部分都是对于jeesite自己生成的表单元素进行取值的操作记录
首先 刚进公司 项目框架是jeesite,而且还是前后都是我一个人搞 这可我把我这个JS菜鸟逼疯了,并且这个框架封装了太多文档和资料却很少 ,所以为了造福大家和我自己(更重要是我自己)我将记录我在jeesite里遇到的一些问题和解决办法,此文会持续更新,如果你正在使用jeesite开发,能对你有所帮助 我将十分高兴 第一取radio选择的值 var ids = $("input[type...
JS实现文本框的值输入不合规范的时候,点击按钮不能提交
表单中使用onsubmit,当返回值为true的时候可以提交,false则不可以<form action="flow.php?step=act_change" method="post" onsubmit="return check();"> </form>JS部分 在提示信息正确的时候flag==1var flag=0; var flag1=0; function check(){
js解决打印表单时获取不到填写的数据问题
项目中有个打印功能,要求用户填写数据后,点击打印,则把表单的内容打印出来,发现调用window.print()进行打印时,填写的数据没有获取到,原因就是$("#form").html()时,没包含有填写的数据,为了解决这问题,应该html()之前,把所有填写的数据都val('XX')先。在这记录下。 比如例子刚开始如下 XXXXXX 不用打印:aaaaaaaaaaaaa
表单与表单中的数据提取
JSP处理表单提交的数据    表单(Form)是实现网页上数据传输的基础,一般要和ASP、CGI等文件结合起来使用。对于ASP和CGI需要专门的程序员来完成,并在后台服务器调用。 处理表单提交的数据 在Web程序设计中,处理表单提交的数据是获取Web数据的主要方法,今天,我们来看一看Servlet中是怎样处理来自表单的数据的。 表单数据的提交方法有两种Post...
form表单提交图片和参数,参数获取为null
问题描述:form表单提交图片(form中含有属性enctype=&quot;multipart/form-data&quot;才能提交文件)和其他一些普通参数,发现在后台获取参数为null。问题解决:enctype=&quot;multipart/form-data&quot;设置了表单以二进制传输。后台做处理时优先处理图片文件,然后再去获取参数,此时可以获取到参数。注:采用的框架是JFinal...
angularjs 表单点击保存,获取修改的信息项,进行提示
一般修改的界面,会有很多信息项要填写,因为界面上有很多信息项,怕用户误操作,直接点击保存,导致错误,现在需要提供一个弹窗,将用户刚刚修改的信息项进行显示出来,以便提醒用户修改了哪些信息项,以下是思考过程:   一般监听对象属性的变化,在angularjs中可以使用watch来监听,如下格式:$scope.$watch('addInfo.addInfoView', function(newValu

相似问题

5
SSM框架下,怎么将从数据库查询的数据显示在form表单里?
14
jsp页面中怎么实现只要一个按钮就能完成添加和修改两个功能?
15
怎么实现点击提交按钮后使提交按钮变成灰色不可用?
13
form表单post提交数据时的小疑问
2
如何关联网站和数据库,使注册的用户信息或提交的表单数据能传到MySql数据库中去?
11
form表单里面的数据提交到java后台的问题
2
表单点击提交为什么没有反应?
2
微信小程序,在一个表单界面,将图片和其他数据一起存入云数据库中,怎么上传图片的存储路径
1
表单数据和数据库字段里的内容匹配 为什么系统判断为不相等
5
form表单中的input输入框无法被鼠标点击获取焦点?
0
selenium中什么时候用form的submit()什么时候用表单中提交按钮的click()
1
通过form表单提交的方法将数据传给java后台内部类该如何实现?
4
萌新提问,在Layui弹出层里如何实现可以执行图片上传的表单,请大佬们赐教
3
多个form表单数据一修改全变了,求解
1
ant design 想做成一个表单里的三个选项,然后点击同一个按钮实现
1
Ajax.BeginForm的表单传参
3
ajax 提交表单数据失败
1
懂Avue的大神,点击dialog中的提交按钮,表单被锁定不能再次编辑
0
validator实现自定义表单校验的时,注册不通过,但是数据库明显添加了一条记录?求大腿?
2
添加redis缓存注解后from表单提交请求数据无效。