Py学习  »  Jquery

如何在jquery函数内执行php

abdeslam karjout • 4 年前 • 278 次点击  

这个问题已经有了答案:

我试着用 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>
Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/38304
 
278 次点击  
文章 [ 1 ]  |  最新文章 4 年前
rrsantos
Reply   •   1 楼
rrsantos    4 年前

您需要使用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();
        });
    });