duanru6816 2019-02-21 16:11
浏览 57
已采纳

将HTML PHP PDO绑在一起

I am very new to this and this is my first post to stackoverflow. I am simply trying to: Create a dropdown list that 1) Triggers a query (Gettech.php) everytime it changes 2) Updates another field with the results of the query

In this case they select a "tech name" and it should update another field with the associated "tech number" (result of the PDO query) everytime "tech name" changes. This is what I have:

<!DOCTYPE HTML>  
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<form action="Gettech.php" method="get">
<div class="row">
     <div class="col-sm-6 form-group">
       <label for="name"> Name:</label>
       <select class= "form-control" id="techname" name=techname><option value="">Select...</option>
       <option value="First Name">First Name</option>
       <option value="Second Name">Second Name</option>                       .
        .
        .
       </select>
</div>
</form>
</body>
</html>

and the Gettech.php part

<?php
$servername = "localhost";
$username = "####";
$password = "####";
$name = "Joey";
try {
     $db = new PDO('mysql:host=localhost;dbname=staff', $username, $password);
    } catch (PDOException $e) {
    echo $e->getMessage()."<br>";
    die();
    }
$sql = "SELECT name, techid from techs where name= '$name'";
foreach( $db->query($sql) as $row ) {
echo $row['name']."<br>".$row['techid']."<br>";
                                    }
$db = null;
?>

Individually they work but don't know how to tie them together into a working solution. Hints are welcome!

</div>
  • 写回答

1条回答 默认 最新

  • douqiandai4327 2019-02-21 18:35
    关注

    Based on your description of what you are trying to do, you really need to do this with Javascript/JQuery. I have not tested this code but just hoping to get you on the right path. Please visit https://learn.jquery.com/ajax/jquery-ajax-methods to learn about AJAX.

    HTML

    <!DOCTYPE HTML>  
<html>
    <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
          <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
          <script src="js/ajax.js"></script>
    </head>
    <body>
        <form>
            <div class="row">
                <div class="col-sm-6 form-group">
                   <label for="name"> Name:</label>
                   <select class="form-control" id="techname" name=techname>
                   <option value="">Select...</option>
                   <option value="First Name">First Name</option>
                   <option value="Second Name">Second Name</option>
                    .
                    .
                   </select>
                </div>
            </div>
        </form>
        <div id="content"> <!-- AJAX DATA --> </div>
    </body>
</html>

    PHP

    <?php
$servername = "localhost";
$username = "####";
$password = "####";
$name = "Joey";
try {
        $db = new PDO('mysql:host=localhost;dbname=staff', $username, $password);
} catch (PDOException $e) {
    $error = [
        'status' => "error",
        'error'  => $e->getMessage()
    ];

    return json_encode($error);
}

// Sanitize and validate this for security & integrity purposes
if (isset($_GET['name'])) {
    $name = $_GET['name'];
} else {
    $error = [
        'status' => "error",
        'error'  => "$_GET not received"
    ];

    return json_encode($error);
}

$sql = "SELECT name, techid FROM techs WHERE name = :name";
// Make sure you are using prepared statements, 
// it's one of the most powerful security features of PDO
$stmt = $db->prepare($sql);
$stmt->bindValue(':name', $name, PDO::PARAM_STR);
$stmt->execute();

// You need to "fetch" the result before you can use it
$result = $stmt->fetchAll();

$db = null;

foreach($result as $key => $row) {
    $html .= "<div>{$row['name']}</div>";
    $html .= "<div>{$row['techid']}</div>";
}

$data = [
            'status' => "success",
            'html'   => $html
        ];

return json_encode($data);
?>

    ajax.js

    // Wait for DOM to be ready
$(function() {
    $('#techname').on('change', function(e) {

        // Prevents page from reloading
        e.preventDefault();

        var value = $("option:selected", this).val();

        $.ajax({
            type: "GET",
            // If file is not in docroot, you need to specify the subdirectory
            url: "Gettech.php",
            dataType: "JSON",
            data: value.serialize(),
            beforeSend: function() {
                // Good idea to put a loader here so the user knows 
                // something is happening if request takes time
                $('.loading').fadeIn('fast');
            },
            success: function(result) {

                if (result.status === "error") {
                    var data = result.error;
                } else if (result.status === "success") {
                    var data = result.html;
                }

                // Hide the loader once completed
                $('.loading').fadeOut('fast');

                // Add query data to the DOM
                $('#content').html(data);
            }
        });
    });
});
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • 我想将Consolibyte PHP QuickBooks库与PDO一起使用 php
    2018-09-24 19:13
    回答 2 已采纳 Update: It turned out to be various PHP Errors when creating the PDO Objects. This may seem obviou
  • 如何使用PDO绑定参数方法将多行文本插入mysql？ mysql php
    2018-08-09 19:43
    回答 1 已采纳 I think the problem is in what you are using to display the text. On my server with PHP7 and MySQL
  • PHP PDO Query不读取绑定值 php
    2018-10-30 10:54
    回答 2 已采纳 From docs: PDO::query — Executes an SQL statement, returning a result set as a PDOStatement ob
  • 创建pdo对象_前端学PHP之PDO基础操作
    2020-12-22 00:38
    weixin_39997311的博客 前面的话PDO(php data object)扩展类库...并能够屏蔽不同数据库之间的差异，使用PDO可以很方便地进行跨数据库程序的开发，以及不同数据库间的移植，是将来php在数据库处理方面的主要发展方向，它可以支持mysql、post...
  • 将PHP示例代码从mysqli转换为PDO html5 mysql php
    2017-08-30 15:47
    回答 1 已采纳 This is how you would do this query in PDO database connection: $host = 'localhost'; $db = '';
  • 无法将参数绑定到WHERE子句PDO php postgresql sql
    2017-09-17 18:50
    回答 1 已采纳 As you can see on this link you the PDO's execute method returns boolean by definition. I would r
  • php pdo动态html表单插入数组 html jquery php
    2016-12-06 22:54
    回答 1 已采纳 By default, php put anonymous arrays of inputs into separated items, that's the reason for what yo
  • 基于PHP的DESTOON一起发货源模板php版V6.0源码.zip
    2023-08-13 23:41
    DESTOON是一套知名的开源建站系统，专为中小企业打造，尤其适合搭建电子商务网站、...同时，了解PHP的基础语法、MySQL的数据库设计以及前端技术如HTML、CSS、JavaScript等，将有助于更高效地利用DESTOON进行网站开发。
  • 将HTML标记解析为PDO MySQL mysql php
    2018-11-08 12:34
    回答 2 已采纳 The way you are passing the data to the prepared statement is incorrect, you using the index to th
  • 将Base64图像插入到PHP PDO阵列中 mysql php
    2018-04-16 18:18
    回答 2 已采纳 So the answer to this question came from AbraCadaver. $sql = "SELECT img from artistlocation";
  • PHP-试图将Mysqli转换为PDO php
    2016-12-22 15:39
    回答 4 已采纳 That's a horrifically awful way to select data from a database. It's far more complex than is nece
  • php pdo sql注入,「原创」PHP实战-PDO优化及 SQL注入
    2021-04-08 08:08
    田林哥哥的博客 PDO优化，SQL注入攻击PDO SQL语句预处理PDO SQL语句预处理的步骤第1步：制作相同结构的SQL将SQL语句不同的数据部分，用参数或问号来代替。第2步：将相同结构的SQL语句预编译PDO::prepare1. 功能：将相同结构的SQL...
  • tc31-demo:使用PHP前端和MariaDB后端的演示应用程序
    2021-03-27 14:59
    "tc31-demo"是一个基于PHP前端和MariaDB后端的演示应用程序，它展示了如何将这两种技术有效地结合在一起，创建一个完整的Web应用系统。在这个项目中，PHP作为服务器端脚本语言，负责处理用户请求、与数据库交互以及...
  • 基于PHP Websocket的数据库管理器.zip
    2024-05-20 15:43
    【标题】"基于PHP Websocket的数据库管理器....总的来说，"基于PHP Websocket的数据库管理器"是一个结合了服务器端脚本、实时通信技术和数据库管理的项目，开发者需要深入理解这些技术，并能将它们有效地整合在一起。
  • 基于PHP的SuperWord 博客程序 php版.zip
    2023-07-23 00:19
    .zip文件是一种常见的压缩格式，用于将多个文件打包在一起以便于传输和存储。在这个案例中，它可能包含了SuperWord博客程序的所有必要文件，如PHP源码、数据库配置、样式表（CSS）、JavaScript脚本、图片和其他资源...
  • 基于php高端木门品牌门业网站.zip
    2024-04-22 11:37
    .zip文件是一种常用的文件压缩格式，用于将多个文件或文件夹打包在一起，便于存储和传输。用户下载后需要解压才能查看和使用其中的内容。 【标签解析】 "php"标签明确了这个项目的核心技术是PHP，意味着开发者使用...
  • phpend-maste大一大二笔记
    2024-06-01 19:21
    15. **PHP与前端技术结合**：常与HTML、CSS、JavaScript一起使用，构建动态交互的Web应用。 通过深入学习这些基础概念和实践，你将能更好地理解和使用"phpend-maste大一大二笔记"中的内容，进一步提升你的PHP编程...
  • 12.PHP_PDO数据库抽象层
    2019-12-18 20:04
    「已注销」的博客 PDO数据库抽象层 其实也就是说，为了方便PHP项目各种数据库切换的方便以及代码兼容性，再各种数据库上又封装了一层，做成了统一的接口，方便数据库使用和切换。 PDO链接mysql数据库： <?phpheader("Content-...
  • 基于PHP的文本留言本.zip
    2023-08-28 23:48
    ZIP是一种常见的文件格式，用于将多个文件打包在一起，便于传输和存储。解压这个文件后，用户通常会发现HTML文件、PHP脚本、样式表(CSS)以及可能的数据库配置文件等组成部分。 【标签】"PHP"表明这个项目的核心技术...
  • 基于PHP的KSmusic音乐程序php版源码.zip
    2023-08-27 23:42
    PHP通常与其他技术如MySQL（用于数据库）、HTML、CSS和JavaScript一起使用，构建动态的、交互式的Web应用。 根据提供的压缩包子文件的文件名称"132687619850936503"来看，这可能是一个随机生成的文件ID或者时间戳，...
  • 没有解决我的问题, 去提问

悬赏问题

  • ¥15 javaweb项目无法正常跳转
  • ¥15 VMBox虚拟机无法访问
  • ¥15 skd显示找不到头文件
  • ¥15 机器视觉中图片中长度与真实长度的关系
  • ¥15 fastreport table 怎么只让每页的最下面和最顶部有横线
  • ¥15 R语言卸载之后无法重装，显示电脑存在下载某些较大二进制文件行为，怎么办
  • ¥15 java 的protected权限 ，问题在注释里
  • ¥15 这个是哪里有问题啊？
  • ¥15 关于#vue.js#的问题：修改用户信息功能图片无法回显，数据库中只存了一张图片（相关搜索：字符串）
  • ¥15 texstudio的问题，