PHP包含在JavaScript中不起作用

Question

我有JavaScript，我想在JavaScript中运行包含脚本。我尝试了以下声明：

outputEl.innerHTML = '<?php include "./change/ud1.php";?>'; 

当我运行脚本时，我没有得到任何回应。

有人知道为什么我没有得到任何答复，我怎么能解决它？

我试图用html iframe替换PHP include。这工作，但这不是我最好的解决方案。

Answer 1

两种方式：

第一：

<script> 
     document.write('<?php echo include_once "./change/ud1.php";?>'); 
    </script> 

二：

<script type="text/javascript" src="./change/ud1.php"></script> 

Answer 2

试试这个

$("#output1").load("change/ud1.php"); 

Answer 3

您不能运行PHP的插件ide .js文件。据我所知，你将需要从你的js文件中获取php文件的内容。

这是一个简单的实现。

var xhr = new XMLHttpRequest(); 

xhr.onload = function() { 
    outputEl.innerHTML = this.response; 
}; 

xhr.open('GET', './change/ud1.php', true); // you may need to correct the url to be relative to the js file 
xhr.send(); 

（一旦你已经包括了jQuery库），你可以使用类似这样

$(outputEl).load("change/ud1.php"); 

Answer 4

• PHP这可能是更容易和更强大的使用jquery，在这种情况下是服务器端语言。
• JavaScript是客户端语言。

所以PHP只能执行服务器上和JavaScript用户的浏览器中执行。

在JavaScript（浏览器）中运行的php代码没有办法。所以你需要像这样使用ajax。

var xhttp = new XMLHttpRequest(); 

xhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
     // server sent data successfully in this.responseText variable 
     document.getElementById("output1").innerHTML = this.responseText; 
    } 
}; 

//Request data from a server 
xhttp.open("GET", "path/to/php/include-script.php", true); 
xhttp.send(); 

了解关于ajax的更多信息here。

Answer 5

简单地使用

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

而且通过此标题（ “内容类型：文本/ JavaScript的”）;在php文件的顶部。

Answer 6

没有需要在这种情况下

您可以使用响应使用JavaScript直接在要

<div id="outputEl"><?php include "./change/ud1.php";?></div> 

Answer 7

这也将正常工作。把这段代码放到你的.php文件中，你可以把脚本放到你的。php

<script type="text/javascript"> 
    outputEl.innerHTML = "<?php include './change/ud1.php';?>"; 
</script> 

Answer 8

这是不正确的做法。您应该将html变成一个php变量，然后将该变量用于JavaScript。如果你使用MVC，那么它很容易。我张贴的答案，而无需使用MVC：

$html = file_get_contents('path/to/YOUR/FILE.php'); 

在Javascript中

var html = '<?php echo $html; ?>'; 

Answer 9

您还可以使用jquery加载php文件的内容在你指定的HTML元素。

$.get("path/to/yourfile.php", function(data, status){ 
    outputEl.innerHTML = data; 
}); 

Answer 10

你不能直接这样做。如果您想更换这样的内容你有以下两种选择

1. 发送AJAX请求到该文件，然后将该文件将发送整个HTML作为成功函数的数据参数，然后你可以使用数据无论你想要的。

2. 或者您必须重定向到该页面，并且您希望将一些数据发送到该文件，那么您可以将其作为获取请求。

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
   
   <script>  
       $.ajax({ 
        type: "POST", 
        url: "<?php include "./change/ud1.php"; ?>", //ensure URL is correct 
        data: { }, //send some data if you want to that file or else remove this line 
        dataType: "html", 
        success: function(data) { 
         if($.trim(data)) { 
          $('#outputEl').html(data); 
         } else { 
          alert("Something went wrong!!"); 
         } 
        }, error: function() { 
         alert("ERROR!"); 
        } 
       }); 
   </script>

而且可以作为

<script> 
    window.location.href = "./change/ud1.php"; //And pass any parameters to that file if you wish as a GET request 
</script> 

让我知道如果您需要任何进一步的帮助

Answer 11

使单引号双引号，并尝试执行步骤2

Answer 12

的PHP代码在服务器上呈现，您使用的是Javascript，如果您不在服务器上，则无法呈现PHP。

Answer 13

你不能这样做，因为PHP代码呈现之前JavaScript。还有许多其他的方式来做到这一点：

如果outputEl是一个div元素的ID：

1-没有的jQuery/JavaScript的

<div id="outputEl"><?php include "./change/ud1.php";?></div> 

2-使用jQuery负荷功能

$("#outputEl").load('./change/ud1.php'); 

3-带JavaScript功能

window.onload = function() { 
    if (XMLHttpRequest) 
    var x = new XMLHttpRequest(); 
    else 
    var x = new ActiveXObject("Microsoft.XMLHTTP"); 
    x.open("GET", "./change/ud1.php", true); 
    x.send(); 
    x.onreadystatechange = function() { 
    if (x.readyState == 4) { 
     if (x.status == 200) 
     outputEl.innerHTML = x.responseText; 
     else 
     outputEl.innerHTML = "Error loading document"; 
    } 
    } 
}