Question

我使用Ajax将页面“ B”加载到页面“ A”上。但是Ajax加载的页面'B'上的'提交'按钮没有将数据加载到数据库中，不是对其他警报作出响应。但是，如果我独立加载页面“ B”（没有ajax），则“提交”按钮可以上传数据，一切似乎都很好。

我试图加载其他页面，并使用页面“ A”上的Ajax加载页面“ B”传递了一些警报。它工作正常。似乎无法加载页面'B'的属性。

这是页面'A'

    <body>
        <div id="pet_price">Update Price</div>
        <div id="entry"></div>
        <script>
            $("#pet_price").click(function(){
                $.ajax("update_petrol_price.php")//loading page 'B' on page 'A using Ajax
                .done(function(data){
                    $("#entry").html(data);
            })
                .fail(function(){
                    alert("failed to load");
                })
            });
        </script>
        </div>
    </body>

这是页面'B'

    <body>
    <h1>Update Petrol Price Setup</h1>
    <table>
    <tr>
    <td>Price</td>
    <td>date</td>
    </tr>
    <?php
    echo "<form method='post' action='test2.php' id='frm' onsubmit='return formSubmit();'>";
    echo "<tr><td><input type='text' id='price' name='price'></td><td><input type='date' name='pet_date'></td></tr>";
    echo "</table>";
    echo "<input type='submit' name='Submit1' id='Submit1'>";
    echo "</form>";
    <script type="text/javascript">
    $(document).ready(function(){
        var form=$('#frm');
        $("#Submit1").click(function(){  //Button to upload the data into database      
            $.ajax({
            url: "test2.php", //calling Page 'C'
            type:'post',
            data:$("#frm input").serialize()
            });
        });
    });
    </script>

这是'C'页面

    <?php
    include 'dbconnection.php';
    extract($_POST);
    if (isset($_POST['Submit1'])){
        mysqli_query($conn, "INSERT INTO reimbursement.petrol_rate (`rate`, `date`) VALUES ('$price', '$pet_date')");
        }                   
    ?>
    <script type="text/javascript">
    alert("Successfully Submitted");
    // location.href="setup_da.php";
    </script>
    </body>

Ajax加载的页面'B'到页面'A'应该能够将数据加载到数据库中。我完全感到困惑。

无法使用称为页面的ajax将数据加载到数据库中

0 个答案: