PHP file path not found when I have JavaScript run a PHP script with XMLHTTPREQUEST (404 error); what to do?

Question

When I hit the button on the UI to have the JS communicate with PHP to pull up a "Hello world" page, I am getting a "{"timestamp":"2021-06-10T20:14:59.671+00:00","status":404,"error":"Not Found","message":"","path":"/hello.php"}" in the browser.

In the Eclipse console, it says: 2021-06-10 16:52:27.193 WARN 16688 --- [nio-8080-exec-1] oswsr.ResourceHttpRequestHandler: Path with "WEB-INF" or "META-INF": projectname/src/main/webapp/WEB-INF/jsp/hello.php]

What do I do? Here's some code I have, and I have tried many file path formats where I refer to the PHP file. But it's all the same error!

Here's some of my code:

JSP page (just the Javascript part of it):

<button onclick=refreshData()>Say Hello</button>
  <div id="content" />
<script type="text/javascript">
    function refreshData(){
      var display = document.getElementById("content");
      var xmlhttp = new XMLHttpRequest();
      xmlhttp.open("GET", "hello.php");
      xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
      xmlhttp.send();
      
 
      xmlhttp.onreadystatechange = function() {
        if (this.readyState === 4 && this.status === 200) {
          display.innerHTML = this.responseText;
        } else {
          display.innerHTML = "Loading...";
        };
      }
    }
  </script>

PHP

<?php
print "<p>Hello World</p>";
?>

This is in Spring MVC using Eclipse. I have the JavaScript on a JSP file page. What do I do to fix this? Thanks!

Answer 1

I always use:

 $('#content').load("hello.php");

Just be sure your.php file is in the same folder