Bootstrap - jquery php 加載模態窗口的輸入字段

Question

我想使用 php 加載模態窗口的輸入字段。 我讀過最好的選擇是使用 ajax 調用。 我對ajax一無所知。

這個想法是：

1) 用戶點擊編輯按鈕。 2) 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=value 更改為 codigo=variable。 之后第二步是恢復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 並啟動查詢。

謝謝各位大師！

Answer 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 腳本輸出的任何內容放入輸入中，然后打開一個模態。