Jquery Question posted in
The official Jquery Api Documentation can be found here.

Jquery – I made a simple website using html,css and php. Website works fine when opened directly in browser but fails to load on local server

I have created a simple website using HTML, CSS, and PHP. When I open the .html file directly in my browser, everything works perfectly. However, when I try to load the same website on my local server (i.e. XAMPP), it fails to load properly.

I am attaching the images below of how it should look and how it is looking on the local server.
This is how the site should work
This is how it is behaving on the local server

Here’s what I’ve tried so far:

  • Checked the file paths: I’ve made sure that all file paths in my HTML and PHP files are correct and relative to the root directory of my project.
  • Checked server configurations: I’ve checked the server configurations in my local server software to ensure that PHP is enabled and that the server is properly configured to serve PHP files.
  • Checked error logs: I’ve looked at the error logs of my local server to see if there are any errors or warnings related to my website’s files.
  • Checked permissions: I’ve made sure that the permissions on my files and directories are set correctly so that the server can read and execute them.

Despite trying these troubleshooting steps, I’m still unable to get my website to load properly on my local server.

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    Thanks to @eyah bereh's suggestion, I was able to identify the culprit as a Chrome extension.

    Running the application in incognito mode, which disables extensions by default, resolved the problem. This suggests that one of my extensions was interfering with the normal functionality.

    I'm still investigating further to pinpoint the exact extension, but for now, using incognito mode or temporarily disabling extensions allows me to work around the issue.


  2. 0

    It might be CORS problem. You can allow all origins to test it quickly:

    header("Access-Control-Allow-Origin: *");
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search