使用ajax调用并实现PHP+javascript代码

Call and implement PHP+javascript code by using ajax

本文关键字:PHP+javascript 代码 实现 ajax 调用 使用      更新时间:2023-09-26

我在php文件中有混合代码php+(vanilla javascript)。我用ajax调用了这个文件中的代码。

php代码示例

echo "<script type='text/javascript'>
  alert('Hello')
</script>";

问题是执行了PHP代码,但没有执行JavaScript代码。

有没有解决方案实现两个代码PHP+JS使用ajax请求

请给我一个普通的javascript示例,而不是任何javascript框架

您还没有展示如何使用AJAX调用这个PHP脚本。当您收到服务器的响应时,您需要将其注入DOM的某个位置,以便包含并执行脚本。

例如,如果您正在使用jQuery,您可以使用$.ajax()方法,如下所示:

$.ajax({
    url: '/foo.php',
    success: function(result) {
        $('body').append(result);
    }
});

或者你可以直接让你的PHP脚本返回javascript(没有<script>标签):

echo "alert('Hello')";

然后使用$.getScript()方法:

$.getScript('/foo.php');

PHP是服务器端,JavaScript是客户端。如果您对PHP页面执行AJAX请求,该页面将呈现其PHP,并将结果发送回text(或XML或…)。这取决于接收输出的脚本来决定如何处理它。

在您的情况下,最有可能的是,您从AJAX得到这样的页面:

<script type='text/javascript'>
alert('Hello')
</script>

它以纯文本形式存储,并传递给AJAX函数中的回调。为了解决这个问题,我推荐一些AJAX的框架实现,比如jQuery.AJAX():

$.ajax({
  url: "test.php",
  success: function(data) {
    alert(data);
    // Expected output - User alert saying
    // <script type='text/javascript'>
    // alert('Hello')
    // </script>
  }
});

您应该显示ajax调用的代码。

你在用jquery吗?

此示例可能有助于javascript ajax

http://www.switchonthecode.com/tutorials/simple-ajax-php-and-javascript

http://www.tizag.com/ajaxTutorial/ajax-javascript.php

jquery ajax

http://api.jquery.com/jQuery.post/