<form id="inputForm" action="${ctx }/ocr/save.do" method="post">
<li><p>发票号</p><input type="text" name="invoiceModel.invoice_no" value="${invoiceModel.invoice_no}"/></li>
<li><p>购货方</p><input type="text" name="invoiceModel.vendee_name" value="${invoiceModel.vendee_name}"/></li>
<li><p>供应商</p><input type="text" name="invoiceModel.vender_name" value="${invoiceModel.vender_name}" id="ver" readonly="readonly"/></li>
<li><p>供应商开户行及账号</p><input type="text" name="invoiceModel.bank_account" value="${invoiceModel.bank_account}"/></li>
</ul>
</div>
<div class="box">
<ul>
<li><p>发货日期</p><input type="text" id="senddate" name="invoiceModel.senddate" class="Wdate" value="${invoiceModel.send_date}"/><i></i></li>
<li><p>购货方纳税人识别码</p><input type="text" name="invoiceModel.vendee_name" value="${invoiceModel.vendee_name}"/></li>
<li><p>供应商操作码</p><input type="text" name="invoiceModel.vendee_name" value="${invoiceModel.vender_opcode}" id="oper" readonly="readonly"/></li>
</ul>
</div>
<div class="box">
<ul>
<li><p>开票日期</p><input type="text" id="billdate" name="billdate" class="Wdate" value="${invoiceModel.bill_date}"/><i></i></li>
<li><p>购货方开户行及账户</p><input type="text"/></li>
<li><p>供应商纳税人识别码</p><input type="text" name="invoiceModel.vendee_name" value="${invoiceModel.tax_no}" id="see" readonly="readonly"/></li>
</ul>
</div>
</div>
$.ajax({url:'xxxxxxx',type:'POST',
data:$('#inputForm').serialize(),
success:function(){alert('提交成功')},
error:function(xhr){alert('发生错误\n'+xhr.responseText)});
建议使用jquery的表单提交的方法,简单易用。如果用原生js书写的话会有点麻烦
这个 跟后台交互,跟你的后台程序有关。$.ajax{}例子有的是。
首先引入jquery.js文件
通过 $(":input").val();//通过标签 即可获取所有input标签的值
然后通过 jquery封装函数中的each进行遍历
例:
$("img").each(function(i){
this.src = "test" + i + ".jpg";
});
把循环出来的值,通过逗号或者其他符号分隔,变成字符串
传到后台,然后通过符号分割成数组
$.post("/example/jquery/demo_test_post.asp",
{
name:"Donald Duck",
city:"Duckburg"
});
这样么
$("#formId").serialize();是将form中的索引数据序列化。
ajax中参数可以用序列化方式将表单填写内容传递到后台
$.ajax({
url: 'xxxxxx/xxx.do',
type: 'post',
cache: false,
data: $("#formId").serialize();,
error: function() {
},
success: function(data) {
todo......
}
});