ajax传form表单,表单里有table

<form id="form1" action="${ctx}/vehicleOwner_getVehicleOwnerList.do" method="post">
  <table class="tablelist mt5" id="picPx">
      <thead>
         <tr>
            <th width="2%">序号</th>
            <th width="5%">姓名</th>
             <th width="5%">身份证号</th>
             <th width="5%">排序号</th>
          </tr>
       </thead>
       <tbody>
          <c:forEach items="${list}" var="l"  varStatus="n">
              <tr>
                 <td class="tdcol">${n.count}</td>
                 <td class="tdcol">${l.name}</td>
                 <td class="tdcol">${l.sfzh}</td>
                 <td class="tdcol">
                     <input style=‘width:50px‘  id="pxh" name="pxh_${n.count}" type="text"  value="${l.pxh}" class="texts" onKeyUp="value=value.replace(/\D/g,‘‘)" onafterpaste="value=value.replace(/\D/g,‘‘)" />
                     <input style=‘width:50px‘  id="sf" name="id_${n.count}" type="hidden"  value="${l.id}" class="texts"/>
                     <input style=‘width:50px‘  id="sf" name="count" type="hidden"  value="${list.size()}" class="texts"/>
                 </td>
             </tr>
          </c:forEach>
      </tbody>
   </table>
   <div align="center" style="margin-top: 15px">
        <a href="javaScript:void(0)" style="text-decoration:none;color:#000000" onclick="doSave();" class="xxbj">
          <span>&nbsp;&nbsp;提交&nbsp;&nbsp;</span>
        </a>
   </div>
</form>

有时黄色部分可能报错,改为${fn:length(list)}

<script type="text/javascript">
            function doSave() {
                 $.ajax({
                    type: "post",
                    url: "perInfoCollection_savePxh.do",
                    data: $("#form1").serialize(),
                    success: function(data) {
                        alert("提交成功!");
                        window.close();
                    },
                    error: function(data) {
                        alert(data);
                    }
                });
            }
</script>
时间: 2024-11-10 22:13:21

ajax传form表单,表单里有table的相关文章

使用ajax提交form表单,包括ajax文件上传

前言 使用ajax请求数据,很多人都会,比如说: $.post(path,{data:data},function(data){ ... },"json"); 又或者是这样的ajax $.ajax({ url:"${pageContext.request.contextPath}/public/testupload", type:"post", data:{username:username}, success:function(data){ w

使用ajax提交form表单,包括ajax文件上传 转http://www.cnblogs.com/zhuxiaojie/p/4783939.html

使用ajax提交form表单,包括ajax文件上传 前言 使用ajax请求数据,很多人都会,比如说: $.post(path,{data:data},function(data){ ... },"json"); 又或者是这样的ajax $.ajax({ url:"${pageContext.request.contextPath}/public/testupload", type:"post", data:{username:username},

AJAX提交form表单带文件上传

过了三天才想要写博客,这样不好,要改正 在做毕设的时候,用户发帖涉及到了文件上传的问题,在这里记录一下 背景: 在用户发帖的时候,用户只想发表文字postText,还有些用户想在发表postText的同时还发表一些图片,如何做? 上代码 不写的太细了,和流水账似的,挑重点记录一下. 1.前台的文件上传 本来想用form表单直接上传了,但是form提交时会刷新整个页面,但这不是我想要的,所以使用了ajax提交form表单. 利用ajax提交表单需要用到jquery.form.js这个包,网上有很多

Ajax提交form表单

FormData,就是这个,再也不用写一堆js了. var form = new FormData($("#importForm")[0]); //这里为什么要有个[0]呢? 我也不知道 浏览器控制台会报错Unexpected end of JSON input,当时这里卡了好久,大神看到知道的为啥的给说下 $.ajax({ url:"", type:"post", data:form, cache: false, processData:fal

jqm文件上传,上传图片,jqm的表单操作,jqm的ajax的使用,jqm文件操作大全,文件操作demo

最近在论坛中看到,在使用html5中上传图片或文件,出现各种问题.这一方面,我也一直没有做过,今天就抽出了一点时间来学习一下.现在的示例已经ok了,我就给大家分享一下,希望对大家有帮助. 好吧,我们先看看效果截图吧: 还行吧,来看页面代码: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <h

通过php jq ajax 提交form表单

参考http://www.php100.com/html/webkaifa/PHP/PHPyingyong/2013/0619/13568.html html <div id="contact_form"> <form name="contact" method="post" > <label for="name" id="name_label">姓名</label

ajax和form表单,django的中间件

1.前后端传输编码格式contentType: urlencoded: 对应的数据格式:name=XXX&password=66 后端获取数据:request.POST django会将urlencoded编码的数据解析自动放到request.POST formdata: form表单传输文件的编码格式 后端获取文件格式数据:request.FILES 后端获取普通键值对数据:request.POST application/json ajax发送json格式数据 需要注意的点 编码与数据格式要

【原创】AJAX上传文件,formdata表单提交问题

今天遇到一个特别神奇的问题,AJAX上传文件,formdata表单提交问题,后台显示无法获取上传文件. 排查许久发现是formdata.append();时,要先添加file,而后添加其他参数.方可正常工作. 可是却不知到底是和原因.去了火狐开发者社区也未能找到答案. 还望知道的大神赐教一二.

jquery的ajax提交form表单方式总结

方法一: function AddHandlingFeeToRefund() { var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx"; alert($('#formAddHandlingFee').serialize()); $.ajax({ type: "POST", dataType: "html", url: AjaxURL + '?Action=' + 'Submit