Bootstrap - jquery php加载模态窗口的输入字段

时间:2016-10-11 12:14:22

标签: javascript php jquery ajax

我想用php加载模态窗口的输入字段。我已经读过最好的选择是用ajax调用。我对ajax一无所知。

这个想法是:

1)用户点击编辑按钮。 2)在show modal窗口上启动Jquery。 3)使用php查询获取记录的所有字段。 (在WHERE中使用的POST代码值) 4)在模态窗口的输入字段中添加此值。

代码:

$('#edit').on('show.bs.modal', function (event) {

            $.ajax({ 
                url: 'queryProduct.php?codigo=value',
                method: 'POST' 
            }).done(function(response){
                response = JSON.parse(response);



            });

第一步是通过codigo = variable改变codigo = value。之后第二步将恢复script.php的查询值,在模态窗口中分配,我不知道。

代码php:

<?php   
        session_start();

        if(isset($_SESSION['username']) and $_SESSION['username'] <> ''){

                include("functions.php"); 
                include("tools.php"); 

                $conn = Conectarse("localhost", "5432", "dbname", "dbuser", "dbpass");  

                $codigo = $_POST['codigo'];


                $query = "SELECT pagina, edicion, descripcion_esp FROM produccion.ma_producto WHERE codigo={$codigo}"; 

                $result = pg_query($conn, $query);  

                if ($result == TRUE) {
                    echo json_encode($result);
                } else {
                    echo "Error query: " . $conn->error;
                }


        } else{
            ?><p>Session inactive</a></p>
<?php   
        }?>

现在如何获取queryProduct.php的查询值?

@Zakaria Acharki知道使用jquery获取值,但是想要使用ajax并启动查询更好的选择。

谢谢大师!

1 个答案:

答案 0 :(得分:1)

有几种方法可以在jQuery中捕获AJAX调用的输出。我最喜欢的是这样的:

$.ajax({ 
    url: 'queryProduct.php',
    data: {codigo: "some value or variable here"}, // will be available on the server as $_POST['codigo']
    method: "POST" 
}).done(function(response){
    $("#myInput").val(response);
    $("#myModal").modal('show');
});

这会将PHP脚本输出的内容放入输入中,然后打开一个模态。