javascript - 如何使用多个数组插入数据 php javascript mysql

Question

我想使用 php javascript 将多个数组中的数据输入到数据库中这里我使用动态添加记录来插入值

这是一个例子:

    <form class="form-horizontal" id="form-produk">
<input name='add_btn' class="btn btn-primary" value='Tambah Record' id='add_btn' type='button'><br><br>

                 <div id='container1'></div>


</form>

         <script type="text/javascript">
$(document).ready(function() {
            var count = 0;

            $("#add_btn").click(function(){
                    count ++;
                $('#container1').append(
                             '<div class="records">'
                         + '<textarea id="' + count + '" name="' + count + '" type="text" size="100" class="form-control nma_prod"></textarea>'
            + '<div class="hrgini"><span class="input-group-addon">Rp</span><input style="text-align:right" id="' + count + '" name="'+count+'" class="form-control hrg_prod" type="text" placeholder="Harga Produk"><span class="input-group-addon">,00</span></div>'
                         + '<button class="remove_item btn btn-danger" >Hapus</button>'
                         + '<br><br></div>'
                    );
                });

                $(".remove_item").live('click', function (ev) {
                if (ev.type == 'click') {
                $(this).parents(".records").fadeOut();
                $(this).parents(".records").remove();
            }
            });
        });
</script>

这是我使用 javascript 执行的操作

$("#simpan-produk").bind("click", function(event) {
            var url = "pages/produk/produk.input.php";

            // mengambil nilai dari inputbox, textbox dan select
            var values = new Object() // creates a new instance of an object
                    $('.nma_prod').each(function() {
                        values[$(this).attr('name')] = $(this).val()
                })
            var harga = new Object() // creates a new instance of an object
                    $('.hrg_prod').each(function() {
                        values[$(this).attr('name')] = $(this).val()
                })

            // send to process
            $.post(url, {nama: values,hrga: harga, id: id_produk} ,function() {
                $(".msg").html("<div class='alert alert-success alert-dismissable' id='alerts'> Sucsess</div>");
                    $(".msg").fadeIn(3500);
                    $(".msg").show();
                    $(".msg").fadeOut(5500);
                $("#data-produk").load(main);


                // hide dialog modals
                $('#myModal').modal('hide');

                // restore modal dialog title
                $("#myModalLabel").html("Tambah Data produk");
            });
        });

这是我的处理脚本

foreach($prods as $_POST['nama']){
                foreach($hrg as $_POST['hrga']){
            mysql_query("INSERT INTO produk VALUES('','$prods','$hrg')");
            }
        }

但是这个脚本对我不起作用。有什么建议吗？

Answer 1

当您使用整数作为 name 属性时，服务器端脚本会出现问题。

jsfiddle

你必须这样做:

            $('#container1').append(
                         '<div class="records">'
                     + '<textarea id="id_' + count + '" name="count[]" type="text" size="100" class="form-control nma_prod"></textarea>'
        + '<div class="hrgini"><span class="input-group-addon">Rp</span><input style="text-align:right" id="cnt_' + count + '" name="count2[]" class="form-control hrg_prod" type="text" placeholder="Harga Produk"><span class="input-group-addon">,00</span></div>'
                     + '<button class="remove_item btn btn-danger" >Hapus</button>'
                     + '<br><br></div>'
                );
            });

然后在ajax发送中你可以使用serialize() :

      // send to process
        $.post(url, $('form#form-produk').serialize(),function() {
                 // ....
        });

最后:

$v = [];
    foreach($_POST['count'] as $key=>$count){

        $v[] = "('',$count,{$_POST['count2'][$key]})";

    }

$query = "INSERT INTO produk ".implode(',',$v);

我不知道您的字段名称。 count 和 count2 只是一个临时名称。请更改这些。

并且永远不要使用 mysql_* 函数