Question

我正在尝试让我的Ubuntu 14.04 LTS系统上的JavaScript和PHP协同工作。为此，我创建了以下三个文件：

的index.html

<html>
    <head>
        <script type="text/javascript" src="testJS.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    </head>
    <body>
        <button onClick="testFunction();">Click Me</button>
        <div id="testDiv"></div>
    </body>
</html>

testJS.js

function testFunction() {
    $.ajax({
        url: "testPHP.php",
        success: function(result) {
            $("#testDiv").html(result);
        }
    });
}

testPHP.php

<?php
echo("<h1>This is coming from PHP.</h1>");
?>

以上所有文件都存储在桌面上的单个文件中。在Firefox中打开index.html后，单击该按钮后，网页没有任何反应，Firefox控制台只显示以下JavaScript错误：

no element found          testPHP.php:4:1
no element found          index.html:4:1

我已阅读本网站上有关此问题的其他主题。将header('Content-Type: text/plain'); exit();添加到我的PHP文件中没有任何效果。

任何帮助将不胜感激。谢谢。

更新：我已经安装了Apache2，确认它正在查看Apache默认页面，并将所有三个文件移动到/ var / www / html。我遇到了同样的问题。

Answer 1

试试这个：

＆＃13;

function testFunction() {
 
  $.ajax({
    url: "<?php echo base_url();?>testPHP.php",
    type:"post",
    success: function(result) {
      $("#testDiv").html(result);
      alert(1)
    }
  });
}

＆＃13;

<html>

<head>
 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
</head>

<body>
  <button onClick="testFunction();">Click Me</button>
  <div id="testDiv"></div>
</body>

</html>

＆＃13;

Ajax：＆＃34;没有找到任何元素＆＃34;尝试调用PHP脚本时

1 个答案: