我可以将PHP与Javascript结合使用吗?

我可以将PHP与Javascript结合使用吗?,javascript,php,html,mysql,Javascript,Php,Html,Mysql,我知道你不能在Javascript中使用PHP。基本上我想做的是在点击网页一侧的链接后,存储在数据库中的信息会出现在另一侧。所以我知道我可以使用javascript使我的列表在一侧可点击,但我也知道要从数据库中获取我想要显示的数据,我需要使用PHP来获取它。有没有办法让这一切顺利进行 编辑: 这是我目前的一些代码 在用户单击其中一个列表之后,我在这里什么时候可以实现PHP <script> document.getElementById("demo").innerHTML = "

我知道你不能在Javascript中使用PHP。基本上我想做的是在点击网页一侧的链接后,存储在数据库中的信息会出现在另一侧。所以我知道我可以使用javascript使我的列表在一侧可点击,但我也知道要从数据库中获取我想要显示的数据,我需要使用PHP来获取它。有没有办法让这一切顺利进行

编辑: 这是我目前的一些代码 在用户单击其中一个列表之后,我在这里什么时候可以实现PHP

<script>
  document.getElementById("demo").innerHTML = "My First JavaScript";

  function myFnc(x) {
    if (x == 'Tiger') {
      document.getElementById('imgDiv').innerHTML = 'Img1';
    } else if (x == 'Bull') {
      document.getElementById('imgDiv').innerHTML = 'Img3';
    }
  }

  function myFunc2(x) {
    if (x == 'Hammer') {
      document.getElementById('imgDiv').innerHTML = 'Img2';
    }
  }

</script>

<article>
  <ul style="list-style-type:none">
    <li><a href="#Tiger" onclick="myFnc('Tiger')">Tiger</a></li>
    <li><a href="#Hammerhead" onclick="myFunc2('Hammer')">Hammerhead</a></li>
    <li><a href="#Bull" onclick="myFnc('Bull')">Bull</a></li>
    <li><a href="#Great White">Great White</a></li>
    <li><a href="#Mako">Mako</a></li>
    <li><a href="#Greenland">Greenland</a></li>
    <li><a href="#Whale">Whale</a></li>
    <li><a href="#Thresher">Thresher</a></li>
    <li><a href="#Oceanic">Oceanic WhiteTip</a></li>
    <li><a href="#Goblin">Goblin</a></li>
  </ul>
</article>

<div class="hold">
  <div id="imgDiv"></div>
</div>

document.getElementById(“demo”).innerHTML=“我的第一个JavaScript”;
函数myFnc(x){
如果(x==‘老虎’){
document.getElementById('imgDiv')。innerHTML='Img1';
}如果(x='Bull'){
document.getElementById('imgDiv')。innerHTML='Img3';
}
}
函数myFunc2(x){
如果(x=='Hammer'){
document.getElementById('imgDiv')。innerHTML='Img2';
}
}

  • 这样写

    <?php
    if(isset($_GET['show_table'])) {
    // connect to database and do database query here
    }
    ?>
    <!Doctype html>
    <html>
    </html>
    
    在第一面,连接应为:

    'other_side.php?show_table=true'
    
    另一方面,网站应该是这样的

    <?php
    if(isset($_GET['show_table'])) {
    // connect to database and do database query here
    }
    ?>
    <!Doctype html>
    <html>
    </html>
    
    
    
  • 首先,假设您拥有下一个数据库:
  • | id |产品|价格|
    |---|----------|-----|
    |1 |奶酪| 10|
    |2 |牛奶| 20|
    |3 |糖果| 5|
    

  • 其次,您需要完成get_data.php文件,但需要打印 数据格式为JSON。大概是这样的:
  • [
    {id:1,产品:“奶酪”,价格:10},
    {id:2,产品:“牛奶”,价格:20},
    {id:3,产品:“糖果”,价格:5}
    ]
    
  • 第三,完成这些操作后,使用AJAX调用从get_data.php检索数据,您可以找到许多Jquery和Vanilla JS示例

  • 最后,只需在链接上使用单击事件

  • 在这里,您可以找到每个单独任务的示例:

    • 将数据打印为JSON,包括:
    • |

    jQuery Ajax是您的朋友-Ajax-因为在您的描述中,JS在浏览器中运行,PHP在服务器上运行-两者之间的双向“通信”通常需要使用AJAXYes,在页面的另一侧编写PHP代码,这就是我们所做的do@WebCode.ie-我同意。。。除了删除对jQuery的引用之外,除非您想使用jQuery,否则不需要jQueryjQuery@JaromandaX不,jquery是greatI不会在doctype之前插入额外的换行符。您可以忽略或插入任意数量的换行符,亲爱的,这与内存无关,Internet Explorer对
    声明位置非常挑剔我不知道?即使当php代码关闭时,php也可能关闭,但在它后面仍然有一个换行符,这很重要。天气也很好。