下面的代码运行良好,函数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);
});