2 sang8453 sang8453 于 2016.04.18 11:27 提问

帮忙写个ajax获取表单中所有input,并提交save.do?
 <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>

7个回答

showbo
showbo   Ds   Rxr 2016.04.18 14:49
已采纳
 $.ajax({url:'xxxxxxx',type:'POST',
data:$('#inputForm').serialize(),
success:function(){alert('提交成功')},
error:function(xhr){alert('发生错误\n'+xhr.responseText)});
CSDNXIAON
CSDNXIAON   2016.04.18 11:32

通过AJAX和PHP,提交JQuery Mobile表单(两篇)
jquery mobile获取表单input数据的微妙处
jquery mobile获取表单input数据值
----------------------同志你好,我是CSDN问答机器人小N,奉组织之命为你提供参考答案,编程尚未成功,同志仍需努力!

qq_19891827
qq_19891827   2016.04.18 11:40

建议使用jquery的表单提交的方法,简单易用。如果用原生js书写的话会有点麻烦

u011471173
u011471173   2016.04.18 12:43

这个 跟后台交互,跟你的后台程序有关。$.ajax{}例子有的是。

sang8453
sang8453 能给我个例子不?
一年多之前 回复
json_ligege
json_ligege   2016.04.18 14:03

首先引入jquery.js文件
通过 $(":input").val();//通过标签 即可获取所有input标签的值

然后通过 jquery封装函数中的each进行遍历
例:
$("img").each(function(i){
this.src = "test" + i + ".jpg";
});
把循环出来的值,通过逗号或者其他符号分隔,变成字符串
传到后台,然后通过符号分割成数组

qq_15002323
qq_15002323   2016.04.18 14:22
 $.post("/example/jquery/demo_test_post.asp",
    {
      name:"Donald Duck",
      city:"Duckburg"
    });

这样么

xiaoyao880609
xiaoyao880609   2016.04.18 14:39

$("#formId").serialize();是将form中的索引数据序列化。
ajax中参数可以用序列化方式将表单填写内容传递到后台
$.ajax({
url: 'xxxxxx/xxx.do',
type: 'post',
cache: false,
data: $("#formId").serialize();,
error: function() {

                        },
                        success: function(data) {
                            todo......
                        }
                    });
Csdn user default icon
上传中...
上传图片
插入图片