如何在 JavaScript 中执行 PHP 代码

IT技术 php javascript
2021-03-11 05:15:45
<button type="button" id="okButton" onclick="funk()" value="okButton">Order now </button>
<script type="text/javascript">
    function funk(){
        alert("asdasd");
        <?php echo "asdasda";?>
    }
</script>

当按钮被按下时,我想执行 PHP 代码(此时要回显 asadasda)

6个回答

您可以使用http://phpjs.org/ http://locutus.io/php/它将一堆 PHP 功能移植到 javascript,但如果它只是回声,并且脚本位于 php 文件中,您可以做一些事情像这样:

alert("<?php echo "asdasda";?>");

不要担心双引号的使用看起来很狡猾,PHP 会在浏览器看到它之前呈现它。

至于使用ajax,最简单的方法是使用一个库,比如jQuery有了它,你可以:

$.ajax({
  url: 'test.php',
  success: function(data) {
    $('.result').html(data);
  }
});

和 test.php 将是:

<?php 
  echo 'asdasda';
?>

它会将 test.php 的内容写入具有result该类的任何元素

@Jocelyn 是的,这里的荧光笔希望所有代码同时由同一事物处理......
2021-05-02 05:15:45
最好使用`` 反引号来保留换行符。
2021-05-02 05:15:45
对不起我错了。我被这里失败的语法着色弄错了。
2021-05-17 05:15:45

Javascript 和 PHP 的交互

我们从小就知道 Javascript 在客户端(即浏览器)上运行,而 PHP 是一个服务器端工具(即服务器端)。很明显,两人无法互动。

但是——好消息;它可以工作,这是如何工作的。

目标是从服务器获取一些动态信息(比如服务器配置项)到 Javascript 环境中,以便在需要时使用 - 通常这意味着对演示文稿进行 DHTML 修改。

首先,为了阐明 DHTML 的用法,我将引用这个 DHTML 示例:

<script type="text/javascript">

function updateContent() {
 var frameObj = document.getElementById("frameContent");
 var y = (frameObj.contentWindow || frameObj.contentDocument);

 if (y.document) y = y.document;
 y.body.style.backgroundColor="red";  // demonstration of failure to alter the display

 // create a default, simplistic alteration usinga fixed string.
 var textMsg = 'Say good night Gracy';

 y.write(textMsg);

 y.body.style.backgroundColor="#00ee00";  // visual confirmation that the updateContent() was effective

}
</script>

假设我们在某处有一个 ID="frameContent" 的 html 文件,那么我们可以使用简单的 <body onload="updateContent()" > 更改显示

天啊!我们现在不需要 PHP 来做到这一点,对吧!但这为应用 PHP 提供的内容创建了一个结构。

我们将有问题的网页更改为 PHTML 类型,以允许服务器端 PHP 访问内容:

**foo.html becomes foo.phtml**

我们添加到该页面的顶部。我们还会将 php 数据加载到全局变量中以供以后访问 - 像这样:

<?php
   global $msg1, $msg2, $textMsgPHP;

function getContent($filename) {
    if ($theData = file_get_contents($filename, FALSE)) {
        return "$theData";
    } else {
        echo "FAILED!";
        }
}
function returnContent($filename) {

  if ( $theData = getContent($filename) ) {
    // this works ONLY if $theData is one linear line (ie remove all \n)
    $textPHP = trim(preg_replace('/\r\n|\r|\n/', '', $theData));
    return "$textPHP";
  } else {
    echo '<span class="ERR">Error opening source file :(\n</span>';  # $filename!\n";
  } 
}

// preload the dynamic contents now for use later in the javascript (somewhere)
$msg1 =       returnContent('dummy_frame_data.txt');
$msg2 =       returnContent('dummy_frame_data_0.txt');
$textMsgPHP = returnContent('dummy_frame_data_1.txt');

?>

现在我们的 javascripts 可以像这样访问 PHP 全局变量:

// 通过访问全局变量 var textMsg = '< ? php 全局 $textMsgPHP; echo "$textMsgPHP"; ? >';

在javascript中,替换

var textMsg = '说晚安格雷西';

with: // 使用 php returnContent()

var textMsg = '< ? php $msgX = returnContent('dummy_div_data_3.txt'); 回声“$msgX”?>';

概括:

  • 要修改的网页必须是 phtml 或一些 php 文件
  • 该文件中的第一件事必须是 < ? php 获取动态数据?>
  • php 数据必须包含它自己的 css 样式(如果内容在框架中)
  • 使用动态数据的 javascript 必须在同一个文件中
  • 并且我们根据需要加入/退出 PHP 以访问动态数据
  • 注意:- 在外部 javascript 中使用单引号,在动态 php 数据中仅使用双引号

待解决:使用文件名调用updateContent()并通过onClick()而不是onLoad()使用它

Sample_Dynamic_Frame.zip 中可以提供一个示例供您检查,但没有找到附加它的方法

你不能用 javascript 运行 PHP。JavaScript 是客户端技术(在用户浏览器中运行),PHP 是服务器端技术(在服务器上运行)。

如果您想这样做,您必须向 PHP 脚本发出 ajax 请求,然后返回您要查找的结果。

你为什么要这样做?

如果您只想在用户单击按钮时在页面上的某个位置回显来自 PHP 的消息,您可以执行以下操作:

<button type="button" id="okButton" onclick="funk()" value="okButton">Order now</button>
<div id="resultMsg"></div>
<script type="text/javascript">
function funk(){
  alert("asdasd");
  document.getElementById('resultMsg').innerHTML('<?php echo "asdasda";?>');
}
</script>

但是,假设您的脚本需要进行一些服务器端处理,例如将商品添加到购物车,您可能想查看 jQuery 的http://api.jquery.com/load/ - 使用 jQuery 加载到执行处理的 php 脚本。在您的示例中,您可以执行以下操作:

<button type="button" id="okButton" onclick="funk()" value="okButton">Order now</button>
<div id="resultMsg"></div>
<script type="text/javascript">
function funk(){
  alert("asdasd");
  $('#resultMsg').load('path/to/php/script/order_item.php');
}
</script>

这将运行 php 脚本并加载它返回的任何消息<div id="resultMsg">

order_item.php 会将项目添加到购物车,并只回显您想要显示的任何消息。要使示例正常工作,这将满足 order_item.php:

<?php
// do adding to cart stuff here
echo 'Added to cart';
?>

为此,您需要在您的页面上包含 jQuery,方法是在您的<head>标签中添加以下内容

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

任何服务器端的东西,比如 php 声明,都必须在脚本标签内的主机文件(带有 .php 扩展名的文件)中进行评估,如下所示

<script type="text/javascript">
    var1 = "<?php echo 'Hello';?>";
</script>

然后在 .js 文件中,你可以使用变量

alert(var1);

如果您尝试评估 .js 文件中的 php 声明,它将不起作用