ajax 批量提交
- WBOY原創
- 2016-06-23 13:57:211041瀏覽
每一行是一条订单 现在给订单加备注 不知道怎么能实现批量提交 求思路
回复讨论(解决方案)
把他当成表单不是一样的吗，和批量删除一样
另外可以在备注文本框加个onchange事件，修改后自动AJAX提交
client.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> client post</title> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> </head> <body> <script type="text/javascript"> function fsubmit(){ var bzArray = ''; $("input[name='bz[]']").each(function(){ bzArray+= "&bz[" + $(this).attr('oid') + "]="+$(this).val(); }); $.post("server.php", bzArray,function(ret){ alert(ret); }); } </script> <input type="button" value="批量提交" onclick="fsubmit()"> <table> <tr> <td>编号</td> <td>名称</td> <td>价格</td> <td>备注</td> <td>时间</td> </tr> <tr> <td>5121653</td> <td>orer name 1</td> <td>20</td> <td><input type="text" oid="5121653" name="bz[]"></td> <td>1970-01-01 00:00:20</td> </tr> <tr> <td>5121654</td> <td>orer name 2</td> <td>30</td> <td><input type="text" oid="5121654" name="bz[]"></td> <td>1970-01-01 00:00:30</td> </tr> <tr> <td>5121655</td> <td>orer name 3</td> <td>50</td> <td><input type="text" oid="5121655" name="bz[]"></td> <td>1970-01-01 00:00:50</td> </tr> <tr> <td>5121657</td> <td>orer name 4</td> <td>40</td> <td><input type="text" oid="5121657" name="bz[]"></td> <td>1970-01-01 00:00:40</td> </tr> </table> </body></html> server.php 获取提交的备注与order id
<?php$bz = $_POST['bz'];foreach($bz as $key=>$val){ echo $key.'='.$val."\r\n";}?>
client.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> client post</title> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> </head> <body> <script type="text/javascript"> function fsubmit(){ var bzArray = ''; $("input[name='bz[]']").each(function(){ bzArray+= "&bz[" + $(this).attr('oid') + "]="+$(this).val(); }); $.post("server.php", bzArray,function(ret){ alert(ret); }); } </script> <input type="button" value="批量提交" onclick="fsubmit()"> <table> <tr> <td>编号</td> <td>名称</td> <td>价格</td> <td>备注</td> <td>时间</td> </tr> <tr> <td>5121653</td> <td>orer name 1</td> <td>20</td> <td><input type="text" oid="5121653" name="bz[]"></td> <td>1970-01-01 00:00:20</td> </tr> <tr> <td>5121654</td> <td>orer name 2</td> <td>30</td> <td><input type="text" oid="5121654" name="bz[]"></td> <td>1970-01-01 00:00:30</td> </tr> <tr> <td>5121655</td> <td>orer name 3</td> <td>50</td> <td><input type="text" oid="5121655" name="bz[]"></td> <td>1970-01-01 00:00:50</td> </tr> <tr> <td>5121657</td> <td>orer name 4</td> <td>40</td> <td><input type="text" oid="5121657" name="bz[]"></td> <td>1970-01-01 00:00:40</td> </tr> </table> </body></html> server.php 获取提交的备注与order id
<?php$bz = $_POST['bz'];foreach($bz as $key=>$val){ echo $key.'='.$val."\r\n";}?> 辛苦了 非常感谢
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn