如何从HTML接收JS函数中的值

时间:2019-01-15 12:09:30

标签: javascript php html ajax

我正在使用php从html的数据库中获取一些数据。我需要将密钥传递给js函数,但我无法执行。

我需要使用以下代码中html按钮的field_id函数将updateRecords()传递给onClick() js函数。我该怎么办?

之前,我使用相同的代码直接将值发送给php。这有点直截了当。现在要实现ajax,我需要遍历使我陷入这段代码中的js。我尝试了不同的解决方案,但到目前为止没有成功。

这是我的代码:

html / php:

<?php
    try {
        $stmt = $conn->prepare("SELECT field_id, description, corner_points, notes FROM fields");
        $stmt->execute();

        $stmt->setFetchMode(PDO::FETCH_ASSOC);
        foreach($stmt->fetchAll() as $row) {
        ?>
          <tr>
                <td style='width:150px;border:1px solid grey;'><?= $row['field_id'] ?></td>
                <td style='width:150px;border:1px solid grey;'><?= $row['description'] ?></td>
                <td style='width:150px;border:1px solid grey;'><?= $row['corner_points'] ?></td>
                <td style='width:150px;border:1px solid grey;'><?= $row['notes'] ?></td>
                <td style='width:150px;border:1px solid grey;'><button class="btn btn-primary btn-sm" name="submit2" type="submit" onclick="updateRecords()">Edit</button></td>
            </tr>
        <?php
        }
    }

这里正在接收js:

function updateRecords(field_id) {
    // get values
    //var field_id = $("#field_id").val();

    // Update the details by requesting to the server using ajax
    $.post("ajax/edit-field.php", {
            field_id: field_id,

        },
        function readRecords (data, status) {
            // reload Users by using readRecords();
            readRecords();
        }
    );
}

编辑

我也尝试过这种方式(mentioned in answer1),但没有成功。没成功,我是说我遇到了错误,' Notice: Undefined variable: field_id in C:\ajax\edit-field.php on line 43 '.

这是我在edit-field.php中用于从js接收field_id的代码。你能看到它吗?

edit-field.php

<?php

    if(isset($_GET["field_id"])) //used too if(isset($_POST["field_id"]))       
      {
       $field_id = $_GET["field_id"]; // same here with same results
    }
     try {
            $stmt = $conn->prepare("SELECT field_id, description, corner_points, damming_level_distance_map, pipeline_distance_map, notes FROM fields where field_id = $field_id");
            $stmt->execute();
            $stmt->setFetchMode(PDO::FETCH_ASSOC);
            foreach($stmt->fetchAll() as $row)
            { }
        }

        catch(PDOException $e) {
            exit('<b>Catched exception at line '. $e->getLine() .' (code : '. $e->getCode() .') :</b> '. $e->getMessage());
        }
        ?> 

1 个答案:

答案 0 :(得分:2)

您的方法签名正在寻找field_id作为参数,但是您永远不会在html中打印它,而在服务器端生成它时,请更改以下行:

        <td style='width:150px;border:1px solid grey;'><button class="btn btn-primary btn-sm" name="submit2" type="submit" onclick="updateRecords()">Edit</button></td>

    <td style='width:150px;border:1px solid grey;'><button class="btn btn-primary btn-sm" name="submit2" type="submit" onclick="updateRecords(<?= $row['field_id'] ?>)">Edit</button></td>

请记住,如果您的field_id不是数字而是字符串,则必须将其用引号引起来,以免引发语法错误。