时间戳

首页 > 解决方案 > 如何从 jquery 获取 mysql 数据库中的多个字段条目，从 php 获取 html 字段

php - 如何从 jquery 获取 mysql 数据库中的多个字段条目，从 php 获取 html 字段

问题描述

我在 Html 和 jquery 中创建了一个基本上可以扩展的字段，我为客户服务中心制作了它，这样他们就可以在他们想要处理的地方输入密码。现在我在 Html 和 jquery 中创建了一个可以通过单击加号按钮来扩展的字段现在我想使用 PHP 为 MySQL 数据库中的单个字段插入单个数据我该怎么做。

<div class="input_fields_container">
      <div><input type="text" name="product_name[]">
           <button class="btn btn-sm btn-primary add_more_button">Add More Fields</button>
      </div>
    </div>

这是我的jQuery代码

 <script>
    $(document).ready(function() {
    var max_fields_limit      = 10; //set limit for maximum input fields
    var x = 1; //initialize counter for text box
    $('.add_more_button').click(function(e){ //click event on add more fields button having class add_more_button
        e.preventDefault();
        if(x < max_fields_limit){ //check conditions
            x++; //counter increment
            $('.input_fields_container').append('<div><input type="text" name="product_name[]"/><a href="#" class="remove_field" style="margin-left:10px;">Remove</a></div>'); //add input field
        }
    });  
    $('.input_fields_container').on("click",".remove_field", function(e){ //user click on remove text links
        e.preventDefault(); $(this).parent('div').remove(); x--;
    })
});
</script>

如果您想更好地了解我想说的话，这是我的 输出

标签： phpjqueryhtml

解决方案

这只是一种传统的方式...$_POST['product_name'];

首先将您的所有输入连同一个提交按钮附在一个表单下。

然后，进行 ajax 调用，如下所示：

$(myform).submit(function(){
    $.ajax({
        type: 'post',
        url: "your/url",
        data: new FormData(myform),
        contentType: false,
        processData: false,
        success: function(){.
             //your code
        }
    });
});

在 php 中，您可以使用$_POST['product_name'].

即使您选择不使用 AJAX，也可以以相同的方式访问输入。

推荐阅读