如何将PHP脚本中的ID添加到JavaScript代码中_Php_Mysql

如何将PHP脚本中的ID添加到JavaScript代码中

php mysql

如何将PHP脚本中的ID添加到JavaScript代码中,php,mysql,Php,Mysql,我有一个PHP脚本，可以在我的网站上编辑和删除汽车。现在我想在一个下拉列表中创建编辑和删除按钮，我做了，但它只是将下拉列表添加到行中的第一辆车，因为每个下拉列表的ID都是相同的。现在我知道如何从PHP中获得每辆车的唯一ID，但如何用JavaScript实现它。我会给你看我的代码 PHP: $id=$row[“id”]；设置 “（$featured！=1？”：”“）” JavaScript: function myFunction() { document.getElementById("

我有一个PHP脚本，可以在我的网站上编辑和删除汽车。现在我想在一个下拉列表中创建编辑和删除按钮，我做了，但它只是将下拉列表添加到行中的第一辆车，因为每个下拉列表的ID都是相同的。现在我知道如何从PHP中获得每辆车的唯一ID，但如何用JavaScript实现它。我会给你看我的代码

PHP:

$id=$row[“id”]；
设置
“（$featured！=1？”：”“）”

JavaScript:

function myFunction() {
  document.getElementById("myDropdown").classList.toggle("show");
}

window.onclick = function(event) {
  if (!event.target.matches('.dropbtn')) {
    var dropdowns = document.getElementsByClassName("dropdown-content");
    var i;
    for (i = 0; i < dropdowns.length; i++) {
      var openDropdown = dropdowns[i];
      if (openDropdown.classList.contains('show')) {
        openDropdown.classList.remove('show');
      }
    }
  }
}

函数myFunction（）{
document.getElementById（“myDropdown”）.classList.toggle（“show”）；
}
window.onclick=函数（事件）{
如果（！event.target.matches（'.dropbtn'））{
var dropdowns=document.getElementsByClassName（“下拉内容”）；
var i；
对于（i=0；i


那么，如何在javascript中使用不同的ID，以便为每个条目打开下拉列表呢？
仅使用，无需从技术上学习AJAX或JSON
您只需要使用简单的函数，这些函数已准备好使用，并已放入库中。并设置一些他们需要的参数
重要的是，您应该知道PHP是在服务器上运行的，而不是在浏览器或PC上运行的。
所以PHP变量也是。。它们不在您的机器中，无法轻松地将它们放入JS变量中。


此时，我们需要与服务器通信，以适当的格式（使用JSON函数）发送它们（使用AJAX函数）供我们使用
那么，你的问题是：
如何将PHP脚本中的ID添加到JavaScript代码中
仅使用以下功能即可获得最简单的解决方案：
（在您的浏览器页面）：

$.ajax（{..some parameters..}）
及


（在服务器上的PHP页面上）

json_编码（…一些数据…）
不幸的是，您的代码和描述不清楚，我无法直接帮助您的项目
但我附上一个简单的实际例子：（在Jquery中）


//carSelection.html页面
//jquery CDN
选一辆车
var$cars=''；
$（文档）.ready（函数（）{
$.ajax（{
键入：“post”，
url:'carServs.php'，
数据类型：“json”，
数据：{action:'demo'}，
成功：功能（输出）{
$cars=产量；
var期权=“”；
对于（var i=0；i您的PHP代码看起来很可疑！它应该在HTML代码开始时或多或少会失败…这不是完整的代码它不能像这样复制，所以它很没用。特别是不清楚您使用的HTML语句是哪种结构。您在说什么？我在谈论您的代码。它是StackOverf的一种使用主要规则来提供可复制的代码。您的代码不是。
function myFunction() {
  document.getElementById("myDropdown").classList.toggle("show");
}

window.onclick = function(event) {
  if (!event.target.matches('.dropbtn')) {
    var dropdowns = document.getElementsByClassName("dropdown-content");
    var i;
    for (i = 0; i < dropdowns.length; i++) {
      var openDropdown = dropdowns[i];
      if (openDropdown.classList.contains('show')) {
        openDropdown.classList.remove('show');
      }
    }
  }
}

  $(document).ready(function() {
     $.ajax({ 
       type: 'post',       //Transfer Protocol
       url: 'serving.php', //Address of Server Page
       dataType: 'json',   //Data Structure
       data: {action: 'demo'}, 
       success: function(output) {
              $variables = output;
              }
     });
  });

$variables = array("Chevy", "BMW", "Ford");
echo json_encode($variables );  // Encoded variable array

// carSelection.html page
<!DOCTYPE html>
<html lang="en">

<head>
<script 
  src="https://ajax.googleapis.com/ajax/libs
  /jquery/2.1.1/jquery.min.js"> //jquery CDN
</script> 
</head>

<body>
  <div style="margin:2em">
    <form id="myForm">
      <select id="selectNumber">
        <option>Choose a car</option>
      </select>
    </form>
  </div> 

  <script>
    var $cars = '';
    $(document).ready(function() {
      $.ajax({ 
        type: 'post',
        url: 'carServs.php',
        dataType: 'json',
        data: {action: 'demo'},
        success: function(output) {
        $cars = output;

        var option = '';
        for (var i=0;i<$cars.length;i++){
        option += '<option value="'+ $cars[i] + 
        '">' + 
        $cars[i] + '</option>';
         }
        $('#selectNumber').append(option);           
      }
    });
  });
  </script>

</body>
</html>

// carServs.php page
<?php
  // ...
  $cars = array("Chevy", "BMW", "Ford"); 
  echo json_encode($cars);
  //...
?>