如何通過iframe將php變量傳遞給javascript
[英]how to pass php variable through iframe to javascript
問題描述
我正在嘗試通過iframe將php變量值傳遞給javascript變量。 所有文件都在我自己的服務器和域上。
這是我的html文件：
<html>
<head>
<?php
$userOutput = "bob";
?>
</head>
<body>
<p id="test123"><?=$userOutput?></p>
</body>
</html>
在我的原始頁面中，我嘗試訪問如下信息：
<iframe id="iframeId" src="http://path/to/file.html"></iframe>
<script>
window.onload = function() {
var iframeDoc = document.getElementById('iframeId').contentWindow.document;
var test = iframeDoc.getElementById('test123').value;
console.log(test);
};
</script>
現在，我確實設法達到了我的內容，並且在嘗試獲得成功輸入到“ file.html”中的某些輸入字段的值之前，我曾嘗試過，但是我似乎無法達到php變量值（“測試”顯示為未定義）
2 個解決方案
解決方案1
1 已采納 2017-02-21 15:59:06
因此，所有保存php的文件都需要放入.php文件而不是.html文件中
舉個例子：
variableStored.php ：
<html>
<head>
<?php
$userOutput = "Frrrrrrr";
?>
</head>
<body>
<p id="test123">
<?php echo $userOutput; ?>
</p>
</body>
</html>
注意 ：回顯時，最好總是<?php echo 'something';?> echo'something ;; <?php echo 'something';?>
而不是<?='something'?>
然后，讓我們說iframe.html ：
<iframe id="iframeId" src="http://siteurl/variableStored.php"></iframe>
<script>
window.onload = function() {
var iframeDoc = document.getElementById('iframeId').contentWindow.document;
var test = iframeDoc.getElementById('test123').value;
console.log(test);
};
</script>
然后，您可以根據需要從variableStored.php獲取所有內容。
解決方案2
0 2017-02-21 15:44:47
您可以在Javascript變量中echo您的變量，例如
<script>var test = "<?= $variable ?>";</script>
並將變量作為GET參數傳遞給iframe。
<script>
var url = "myIframe.html?var1=" + test;
$('#myIframe').attr('src', url");
</script>
然后，您可以使用檢索信息
<script>
function getParamValue(paramName)
{
var url = window.location.search.substring(1); //get rid of "?" in querystring
var qArray = url.split('&'); //get key-value pairs
for (var i = 0; i < qArray.length; i++)
{
var pArr = qArray[i].split('='); //split key and value
if (pArr[0] == paramName)
return pArr[1]; //return value
}
}
</script>
我想在此感謝@Ozgur bar的回答。 如何通過父HTML通過iframe傳遞參數？
無法通過ajax將javascript變量傳遞給PHP？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.