Question

提交后，我尝试使用 PHP 从数据库中获取一些数据，以将其插入到 jQuery 代码中。我没有得到结果。我知道 PHP 在服务器端运行， JS 在客户端运行。

我尝试使用load方法，但是在使用 jQuery 生成某些字段之后，我没有得到任何结果。我应该从数据库中的select标记中获取一些数据，但是，在单击添加（按钮）字段之后，动态生成的数据没有数据库的结果。

$(document).ready(function() {
  var i = 1;

  $('#add').click(function() {
    i++;
    $('#dynamic_field').append('<tr id="row' + i + '"><td><input type="text" name="name[]" placeholder="Enter your Name" class="form-control name_list" /><td><input type="text" name="prenom[]" placeholder="Enter your prenom" class="form-control name_list" /></td></td><td><input type="text" name="cin[]" placeholder="Enter your cin" class="form-control name_list" /></td><td><input type="number" name="cnss[]" placeholder="Enter your cnss" class="form-control name_list" /></td><td><input type="email" name="email[]" placeholder="Enter your email" class="form-control name_list"/></td><td><select name="theme[]" class="form-control select_list" >
        <?php       
        while ($tab = mysqli_fetch_assoc($exe)) {
          echo "<option>{$tab['libelle']}</option>";
        } ?></select></td><td><button type="button" name="remove" id="' + i + '" class="btn btn-danger btn_remove"> X </button></td></tr>');
  });
});
$(document).on('click', '.btn_remove', function() {
  var button_id = $(this).attr("id");
  $('#row' + button_id + '').remove();
});

<button id="add">Add</button>
<div id="dynamic_field"></div>

Answer 1

您需要使用Ajax来正确执行php和sql查询。要使用ajax，您需要创建另一个php脚本并根据您的情况创建函数。

$row = $_POST['row'];
$html =  "<tr id='row" .$row ."'><td>";
$html .=  "<input type='text' name='name[]' placeholder='Enter your Name' class='form-control name_list' /><td>";
$html .=  "<input type='text' name='prenom[]' placeholder='Enter your prenom' class='form-control name_list' /></td>";
$html .=  "</td><td><input type='text' name='cin[]' placeholder='Enter your cin' class='form-control name_list' /></td>";
$html .=  "<td><input type='number' name='cnss[]' placeholder='Enter your cnss' class='form-control name_list' /></td>";
$html .=  "<td><input type='email' name='email[]' placeholder='Enter your email' class='form-control name_list' /></td>";
$html .=  "<td><select name='theme[]' class='form-control select_list'>";

     WHILE($tab=mysqli_fetch_assoc($exe)){
    $html .=  "<option>{$tab['libelle']}</option>";
     }  
$html .=  "</select></td><td><button type='button' name='remove' id='row$row' class='btn btn-danger btn_remove'>X</button></td></tr>";
echo json_encode(array("success"=>$html));

在需要在html脚本或java脚本上创建ajax函数之后，应该是这样。

$(document).ready(function(){
        var i=1;

        $('#add').click(function(){
            i++;
            $.ajax({  
                url:"newCreatedScript.php",   
                type: "POST",
                data: {row:i},
                success:function(data){
                    var $response = $.parseJSON(data);
                    $('#dynamic_field').append(data.success);
                }
            });

        });

        $(document).on('click', '.btn_remove', function(){
            var button_id = $(this).attr("id"); 
            $('#row'+button_id+'').remove();
        });
    });

如何在jQuery函数中执行PHP

1 个答案: