PHP value inside JavaScript


PHP value inside JavaScript

下面的代码运行良好,函数load()将选中的单选按钮信息发送到PHP页面并显示返回的:

<head>
<script>
  $(document).ready(function(){
    $('#myButtons input:radio').change(function() {
      var buttonValue = $("#myButtons input:radio:checked").val();
        $("#myDiv").load('myPHPfile.php', {selectedButtonValue : buttonValue});
    });
  });
</script>
</head>
<body>
  <div id="myButtons">
    <input type="radio" name="category" value="10" />ButtonA 
    <input type="radio" name="category" value="20" />ButtonB
    <input type="radio" name="category" value="30" />ButtonC
  </div>
  <div id="myDiv">Click the button to load results</div>
</body>

myPHPfile.php

<?php 
  if( $_REQUEST["selectedButtonValue"] )
  {
     $buttonPHP = $_REQUEST['selectedButtonValue'];
     echo "Value button is ". $buttonPHP;
  }
?>

我需要一个返回PHP值的警告框消息,在脚本中,如下所示:

;
  $("#myDiv").load('myPHPfile.php', {selectedButtonValue : buttonValue});
  alert(<?php $buttonPHP ?>);
;

是否可以在JavaScript中编写PHP值?

您可以在.load()中添加回调函数,如下所示:

$("#myDiv").load('myPHPfile.php', 
    {selectedButtonValue : buttonValue}, 
    function(data){
        alert(data);
});

如果您只想显示$buttonPHP的值,则将echo更改为

echo $buttonPHP;
不是

echo "Value button is ". $buttonPHP;

*注意:.load()函数有一个问题。如果您在本地/直接访问html页面,它将不起作用,您需要将其放在服务器上。或者您可以使用xampp、wampserver等。*

是的,差一点就成功了:

alert('<?php echo $buttonPHP; ?>');

您现在正在做,但是您需要输出值:

alert(<?php echo $buttonPHP ?>);

顺便说一句,你似乎不太清楚发生了什么。HTML, css和javascript在客户端(访问者)计算机上运行,PHP代码在服务器上运行,这意味着您可以始终将PHP输出与客户端代码结合起来,这是定期完成的,就像您所做的那样。

这也是PHP作为一门语言如此受欢迎的原因之一,因为它入门门槛低,它是一种很容易创建工作代码的方法,但这是一个地狱维护。

这不是对代码的注释,而是对php的一般反映。

或者,您必须将警报放在PHP生成的代码中:

echo "<script type='"text/javascript'">alert('Value button is ". $buttonPHP . "');</script>";

或者你必须使用$.get函数:

$.get('myPHPfile.php', {selectedButtonValue : buttonValue}, function(data) {
    alert(data);
});