Question

我有一个php页面，比如demo.php，我正在使用<script src="demo.php"></script>调用此页面。我需要知道是否可以使用javascript加载另一个页面。我试图包含一个javascript函数，但是没有加载所需的页面。请给我一个解决方案。

Answer 1

如果您不想这样，请跳过此答案，但这是以PHP为例。有人需要这个例子。

在PHP中包括使用Javascript代码：

<?php echo '<script type="text/javascript" src="somejavscript.js" />'

检查确实是您的javascript代码：

或者像这样检查：

<head>
<?php 

$javascript_file = "somedir/somejavscript.js";

if (file_exists($javascript_file))
{
    echo '<script type="text/javascript" src="'.$javascript_file.'" />' ?>
}
else
{
    die('file not found: '.$javascript_file);
}
?>
</head>

注意，如果die()函数调用它将停止脚本并显示消息错误！仅用于测试。

Answer 2

写入方法并保存。和文件名如filename.js

<head>
<script type="text/javascript" src="filename.js"></script>
<head/>

或使用

<script type="text/php" src="demo.php"></script>

或

$(document).ready(function(){
    $('#div').load('demo.php');
});

你也可以使用ajax。像

$.ajax({
        type: "POST",
        url: "demo.php",
        data: { name: name, email: email }
            ,
            success: function(msg) {
               // alert(msg);
            }
        });

希望它会对你有所帮助。

Answer 3

如果你使用jQuery，你可以调用

$.getScript('other_file.js', function() {
   // script loaded
});

没有jQuery，您可以在脚本中添加脚本

var script = document.createElement('script');
script.setAttribute('src', 'other_file.js');
document.getElementsByTagName('head')[0].appendChild(script);

编辑：如果该文件不是php内的javascript则调用它只需使用普通的ajax。使用jQuery将是：

$.get('script.php', function(result) {
   // do something with output from a script
});

Answer 4

根据评论，我不确定，你在找什么？我假设，如果你想加载另一个页面，这意味着你想加载另一个HTML页面，因此它被称为重定向：

尝试从javascript修改window.location属性。 window.location.href = "demo.php";

或更确切地说：window.top.location.href = "demo.php";

但是如果要动态加载脚本文件，可以使用评论中提到的jQuery加载函数，或使用3行javascript：

var s = document.createElement("script"); // create an empty script tag
s.src = "demp.php"; // specify source
document.getElementsByTagName("head")[0].appendChild(s); // append it to the head tag

// Optionally you can delete the new script tag from the DOM, because the executed code will remain in the memory:
s.parentNode.removeChild(s);

希望这有帮助。

另外，如果你想从javascript中调用PHP函数（因为我在评论中也读过这些函数），而不是寻找PHP库：XAJAX

Answer 5

如果要在当前页面中加载其他页面，请使用ajax with jQuery（简单和跨浏览器）。

创建到javascript文件（* .js）：

“jquery.min.js”并复制/粘贴[this] [2] in。
“actions.js”

在actions.js中：

jQuery(function($){

  $.ajax({
    url: "demo.php"     
  })
  .done(function(data){
    $("body").append(data) // add the loaded page as html at the body end
  })
  .fail(function(){
    console.log("fail to load demo.php");
  });

});

使用脚本源调用php页面

5 个答案: