Question

我试图从外部file.js访问PHP变量，然后使用该变量控制file.js中函数的输出。

我尝试使用输入隐藏字段来保存变量，并在file.js中使用$("#id").val()检索输入的文本值，但仍然无法正常工作。

myfile.php我有这个

<html>
<head>
    <script type="javascript" src="file.js"></script>
</head>
<body>
    <input type="hidden" id="myPhpValue" value="<?php echo $phpValue ?>">

在file.js中，我有这个

$(script);

function script(){
    //some codes 
    displayUser();
}

function displayUser(){ 
    var user = $("#myPhpValue").val();
    alert ("the user is "+user);
}

如果用户是Mike，我希望输出显示“ user is mike”，但没有显示

Answer 1

您的代码无法正常工作的可能原因是：

您尚未嵌入jQuery库，并且一直在使用$()标识符
您的PHP变量$phpValue为空

以下代码有效：

var user = $("#myPhpValue").val();
alert ("the user is "+user);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<input type="hidden" id="myPhpValue" value="mike">

Answer 2

在您的html中，将脚本标签关闭身体标签的位置。如果仍然无法正常工作，请更改您的js代码并以这种方式编写

var element = document.querySelector("#myPhpValue").value; alert(element);

在external.js文件中调用php变量

2 个答案: