【问题标题】:want to create a javascript function which on clicking button call php function which create a select option想要创建一个 javascript 函数,该函数在单击按钮时调用 php 函数,该函数创建一个选择选项
【发布时间】:2022-01-13 17:20:53
【问题描述】:
  1. 以下是带有开始按钮的代码及其不起作用的功能,但是当我尝试回显 hello 代替按钮标签时,该功能运行良好

      <button onclick="startexam()" id="btn" class="btn btn-primary btn-sm" title="Start 
       exam">Start Exam</button>
      <?php
      function php_func(){  
      echo  '<select class="form-select" aria-label="Default select example"><option > 
      asdf</option></select>'; 
      }
    
      ?>
       <script>
      //function called when user click on start exam button
      function startexam() {
      var result = "<?php php_func(); ?>"
      document.write(result);
      }
      </script>  
    

【问题讨论】:

  • 这个需要使用AJAX,不能直接从JavaScript调用PHP函数。

标签: javascript php html css


【解决方案1】:

首先,你需要了解 PHP 和 JavaScript 的技术区别是什么:

JavaScript 直接在您的浏览器中执行脚本,例如。 G。火狐。所以,当 JavaScript 被执行时,页面已经被加载了。

PHP在页面甚至在浏览器中之前在服务器上执行脚本。

因此,如果您希望 JavaScript 与服务器(PHP 脚本)通信,您必须向服务器发出请求。为此,请使用 AJAX。

AJAX 是如何工作的?

来自W3Schools

  1. 网页发生事件(页面已加载,按钮被点击)
  2. 一个 XMLHttpRequest 对象是由 JavaScript 创建的
  3. XMLHttpRequest 对象向 Web 服务器发送请求
  4. 服务器处理请求
  5. 服务器将响应发送回网页
  6. 响应由 JavaScript 读取
  7. 正确的操作(如页面更新)由 JavaScript 执行

如何使用 AJAX?

你可以在W3Schools找到完整清晰的介绍。

【讨论】:

    猜你喜欢
    • 2020-12-26
    • 1970-01-01
    • 1970-01-01
    • 2020-09-29
    • 1970-01-01
    • 1970-01-01
    • 2019-12-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多