Javascript 如何将这些多行数据插入mysql数据库？_Javascript_Php_Jquery_Mysql_Ajax

Javascript 如何将这些多行数据插入mysql数据库？

javascript php jquery mysql ajax

Javascript 如何将这些多行数据插入mysql数据库？,javascript,php,jquery,mysql,ajax,Javascript,Php,Jquery,Mysql,Ajax,这是我的html ajax和js代码，它是动态输入字段表单我想在mysql数据库的“pro”“des”“qty”“price”“sub_total”列后面插入多个数据。“数量”和“价格”用于自动求和“小计”输入字段的值请看我的完整html代码，然后请为我写一个php代码。上次我做这件事失败了很多次所以请帮帮我 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"&g

这是我的html ajax和js代码，它是动态输入字段表单我想在mysql数据库的“pro”“des”“qty”“price”“sub_total”列后面插入多个数据。“数量”和“价格”用于自动求和“小计”输入字段的值

请看我的完整html代码，然后请为我写一个php代码。上次我做这件事失败了很多次

所以请帮帮我

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="invoice system, php invoice script, invoice script, pro invoice maker, free php invoice/billing script, php Invoice software, php invoice generator script, invoice script open source, invoice generator php script, invoice script in php, javascript invoice script, invoice maker php script, php invoice script tutorial">
    <meta name="keywords" content="invoice system, php invoice script, invoice script, pro invoice maker, free php invoice/billing script, php Invoice software, php invoice generator script, invoice script open source, invoice generator php script, invoice script in php, javascript invoice script, invoice maker php script, php invoice script tutorial">
    <meta name="author" content="http://tanbhirhossain.me">
    <title>AFOJAL MINI MARKET</title>
    <!-- Bootstrap -->
    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,200' rel='stylesheet' type='text/css'>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link href="css/admin.css" rel="stylesheet">

    <!-- Script -->
    <script src="js/jquery.min.js"></script>
    <script src="js/wayfinder.js" ></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->

    <script>
        $(document).ready(function() {
            jQuery('.load-animate').waypoint({
                triggerOnce: true,
                offset: '80%',
                handler: function() {
                    jQuery(this).addClass('animated fadeInUp');
                }
            });
        });
    </script>
  </head>
 <body>
    <!-- Static navbar -->
    <div role="navigation" class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" data-toggle="collapse"
                    data-target=".navbar-collapse" class="navbar-toggle collapsed">
                    <span class="sr-only">Toggle navigation</span> <span
                        class="icon-bar"></span> <span class="icon-bar"></span> <span
                        class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">Afojal Mini Market Invoice System</a>
            </div>
                        <div class="collapse navbar-collapse">
                                <ul class="nav navbar-nav navbar-right">


                    <li class="dropdown">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle">
                            Hello
                            muni                            <span class="caret"></span>
                        </a>
                        <ul role="menu" class="dropdown-menu account-menu">
                            <li> <a href="account.php"> <i class="fa fa-user"></i> My Account</a> </li>
                            <li class="divider"></li>
                            <li style="background: #e67e22; color:#fff"> <a class="logout" href="logout.php"> <i class="fa fa-power-off"></i> Signout</a> </li>
                        </ul>
                    </li>
                </ul>
                            </div>
            <!--/.nav-collapse -->
        </div>
    </div>
<link href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.min.css" rel="stylesheet">
<link href="css/datepicker.css" rel="stylesheet">


    <!-- Begin page content -->
    <div class="container content-invoice">
        <form action="invoice.php" id="invoice-form" method="post"  class="invoice-form" role="form" novalidate> 
            <div class="load-animate">
                <input type="hidden" value="" name="data[id]">

                <div class='row'>
                    <div class='col-xs-8 col-sm-8 col-md-8 col-lg-8'>
                        <h1 class="title">PHP Invoice System</h1>
                    </div>

                    <div class='col-xs-4 col-sm-4 col-md-4 col-lg-4'>
                        <input data-loading-text="Saving Invoice..." type="submit" name="invoice_btn" value="Save Invoice" class="btn btn-success submit_btn invoice-save-top form-control"/>
                    </div>
                </div>
                <input id="currency" type="hidden" value="RM">

                <div class='row'>
                    <div class='col-xs-12 col-sm-12 col-md-12 col-lg-12'>
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th width="2%"><input id="check_all" class="formcontrol" type="checkbox"/></th>
                                    <th width="15%">Product</th>
                                    <th width="38%">Description</th>
                                    <th width="15%">Price</th>
                                    <th width="15%">Quantity</th>
                                    <th width="15%">Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                                                    <tr>
                                        <td><input class="case" type="checkbox"/></td>
                                        <td><input type="text" data-type="productCode" name="data[Invoice][pro][]" id="ipro_1" class="form-control autocomplete_txt" autocomplete="off"></td>
                                        <td><input type="text" data-type="productName" name="data[Invoice][des][]" id="ides_1" class="form-control autocomplete_txt" autocomplete="off"></td>
                                        <td><input type="number" name="data[Invoice][price][]" id="price_1" class="form-control changesNo" autocomplete="off" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;"></td>
                                        <td><input type="number" name="data[Invoice][qty][]" id="quantity_1" class="form-control changesNo" autocomplete="off" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;"></td>
                                        <td><input type="number" name="data[Invoice][sub_total][]" id="total_1" class="form-control totalLinePrice" autocomplete="off" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;"></td>
                                    </tr>
                                                            </tbody>
                        </table>
                    </div>
                </div>
                <div class='row'>
                    <div class='col-xs-12 col-sm-3 col-md-3 col-lg-3'>
                        <button class="btn btn-danger delete" type="button">- Delete</button>
                        <button class="btn btn-success addmore" type="button">+ Add More</button>
                    </div>
                </div>
                <div class='row'>   
                    <div class='col-xs-12 col-sm-8 col-md-8 col-lg-8'>
                        <h3>Notes: </h3>
                        <div class="form-group">
                            <textarea class="form-control txt" rows='5' name="data[notes]" id="notes" placeholder="Your Notes"></textarea>
                        </div>

                        <div class='form-group text-center'>
                            <input data-loading-text="Saving Invoice..." type="submit" name="invoice_btn" value="Save Invoice" class="btn btn-success submit_btn invoice-save-btm"/>
                        </div>

                    </div>
                    <div class='col-xs-12 col-sm-4 col-md-4 col-lg-4'>
                        <span class="form-inline">
                            <div class="form-group">
                                <label>Subtotal: &nbsp;</label>
                                <div class="input-group">
                                    <div class="input-group-addon currency">$</div>
                                    <input value="" type="number" class="form-control" name="data[subTotal]" id="subTotal" placeholder="Subtotal" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;">
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Tax: &nbsp;</label>
                                <div class="input-group">
                                    <div class="input-group-addon currency">$</div>
                                    <input value="" type="number" class="form-control" name="data[tax]" id="tax" placeholder="Tax" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;">
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Tax Amount: &nbsp;</label>
                                <div class="input-group">
                                    <input value="" type="number" class="form-control" name="data[taxAmount]" id="taxAmount" placeholder="Tax" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;">
                                    <div class="input-group-addon">%</div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Total: &nbsp;</label>
                                <div class="input-group">
                                    <div class="input-group-addon currency">$</div>
                                    <input value="" type="number" class="form-control" name="data[totalAftertax]" id="totalAftertax" placeholder="Total" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;">
                                </div>
                            </div>

                        </span>
                    </div>
                </div>
                <div class="clearfix"></div>
                <div class='row'>   

                    <div class='col-xs-12 col-sm-6 col-md-6 col-lg-6 text-center'>

                    </div>
                </div>  

            </div>
        </form>         
    </div>
    <script src="js/jquery-ui.min.js"></script>
    <script src="js/ajax.js"></script>
    <script>
        $('.submit_btn').on('click', function(){
            $(this).button('loading');
        });

        $(document).ready(function(){
            $('.currency').html( $('#currency').val() );
        });

        $('#clientCompanyName').autocomplete({
            source: function( request, response ) {
                $.ajax({
                    url : 'ajax.php',
                    dataType: "json",
                    method: 'post',
                    data: {
                        name_startsWith: request.term,
                        type: 'customerName'
                    },
                    success: function( data ) {
                        response( $.map( data, function( item ) {
                            var code = item.split("|");
                                return {
                                    label: code[1],
                                    value: code[1],
                                    data : item
                                }
                            }));
                        }
                    });
            },
            autoFocus: true,            
            minLength: 1,
            select: function( event, ui ) {
                var names = ui.item.data.split("|");
                $(this).val(names[1]);
                getClientAddress(names[0]);
            }               
        });
        function getClientAddress(id){

             $.ajax({
                 url: "ajax.php",
                 method: 'post', 
                 data:{id:id, type:'clientAddress'},
                 success: function(result){
                    $("#clientAddress").html(result);
                }
            });
        }





    </script>

    <div class="clearfix"></div>

    <footer class="footer">
        <div class="container-fluid">
        <!--    <p class="text-center">&copy; Copyright by <a href="http://smarttutorials.net/" target="_blank">Smart Tutorials</a> </p> -->
        </div>
    </footer>



     <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-datepicker.js"></script>
  </body>
</html>


阿福哈尔小型市场
$（文档）.ready（函数（）{
jQuery（'.load animate'）。航路点({
真的，
抵销：“80%”，
处理程序：函数（）{
jQuery（this.addClass（'animatedfadeinup'）；
}
});
});
切换导航









PHP发票系统
产品
描述
价格
量
全部的
-删除
+添加更多
笔记：
小计：
$
税款：
$
税额：
%
总数：
$
$（'.submit_btn'）。在（'click'，function（）上{
$（this.button（'load'）；
});
$（文档）.ready（函数（）{
$（'.currency'）.html（$（'#currency'）.val（））；
});
$（'#clientCompanyName'）。自动完成({
来源：功能（请求、响应）{
$.ajax({
url:'ajax.php'，
数据类型：“json”，
方法：“post”，
数据：{
name_startsWith:request.term，
键入：“customerName”
},
成功：功能（数据）{
响应（$.map）（数据、功能（项）{
var代码=项目。拆分（“|”）；
返回{
标签：代码[1]，
值：代码[1]，
数据：项目
}
}));
}
});
},
自动对焦：对，
最小长度：1，
选择：功能（事件、用户界面）{
var name=ui.item.data.split（“|”）；
$（this.val）（名称[1]）；
getClientAddress（名称[0]）；
}               
});
函数getClientAddress（id）{
$.ajax({
url:“ajax.php”，
方法：“post”，
数据：{id:id，类型：'clientAddress'}，
成功：功能（结果）{
<?php
//insert.php
$connect = mysqli_connect("localhost", "root", "", "inv");
if(isset($_POST["pro"]))
{
 $item_name = $_POST["pro"];
 $item_code = $_POST["des"];
 $item_des = $_POST["qty"];
 $item_price = $_POST["price"];
 $subtotal = $_POST["sub_total"];
 $query = '';
 for($count = 0; $count<count($item_name); $count++)
 {
  $item_name_clean = mysqli_real_escape_string($connect, $item_name[$count]);
  $item_code_clean = mysqli_real_escape_string($connect, $item_code[$count]);
  $item_des_clean = mysqli_real_escape_string($connect, $item_des[$count]);
  $item_price_clean = mysqli_real_escape_string($connect, $item_price[$count]);
  $subtotal_clean = mysqli_real_escape_string($connect, $subtotal[$count]);
  if($item_name_clean != '' && $item_code_clean != '' && $item_des_clean != '' && $item_price_clean != '')
  {
   $query .= '
   INSERT INTO sell(pro, des, qty, price, sub_total) 
   VALUES("'.$item_name_clean.'", "'.$item_code_clean.'", "'.$item_des_clean.'", "'.$item_price_clean.'",  "'.$subtotal_clean.'"); 
   ';
  }
 }
 if($query != '')
 {
  if(mysqli_multi_query($connect, $query))
  {
   echo 'Item Data Inserted';
  }
  else
  {
   echo 'Error';
  }
 }

 else
 {
  echo 'All Fields are Required';
 }
}
?>

//insert.php
$connect = mysqli_connect("localhost", "root", "", "inv");
if(isset($_POST['data']['Invoice']['pro']))
{
 $item_name = $_POST['data']['Invoice']['pro'];
 $item_code = $_POST['data']['Invoice']["des"];
 $item_des = $_POST['data']['Invoice']["qty"];
 $item_price = $_POST['data']['Invoice']["price"];
 $subtotal = $_POST['data']['Invoice']["sub_total"];
 $query = '';
 for($count = 0; $count<count($item_name); $count++)
 {
  $item_name_clean = mysqli_real_escape_string($connect, $item_name[$count]);
  $item_code_clean = mysqli_real_escape_string($connect, $item_code[$count]);
  $item_des_clean = mysqli_real_escape_string($connect, $item_des[$count]);
  $item_price_clean = mysqli_real_escape_string($connect, $item_price[$count]);
  $subtotal_clean = mysqli_real_escape_string($connect, $subtotal[$count]);
  if($item_name_clean != '' && $item_code_clean != '' && $item_des_clean != '' && $item_price_clean != '')
  {
   $query .= '
   INSERT INTO sell(pro, des, qty, price, sub_total) 
   VALUES("'.$item_name_clean.'", "'.$item_code_clean.'", "'.$item_des_clean.'", "'.$item_price_clean.'",  "'.$subtotal_clean.'"); 
   ';
  }
 }
 if($query != '')
 {
  if(mysqli_multi_query($connect, $query))
  {
   echo 'Item Data Inserted';
  }
  else
  {
   echo 'Error';
  }
 }
}