Cannot load html file to another html file with jQuery

Question

I'm getting a 404 file not found when I try to include an html file into another html using jQuery. Here's my code inside my index.html

<script> 
    $(function(){
      $("#portfolio").load("list.html"); 
    });
</script>

The way my file directory is setup is that both index.html and list.html are within a views folder and being served via a node.js server.

Oh shoot sorry I made a typo. I meant both index.html and list.html are within a "views" folder, not a "list" folder. — Danny Liu
– Danny Liu, Commented Jan 7, 2016 at 1:00
@axlj what difference does it make what is in the file? How does that help resolve a path problem? — charlietfl
– charlietfl, Commented Jan 7, 2016 at 1:10

caulitomaz · Accepted Answer · 2016-01-07 00:59:37Z

2

The docs explains that you may use a callback parameter on the load method, which gives your information about the load request.

$( "#portfolio" ).load( "/list.html", function( response, status, xhr ) {
  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
});

Also, you may check the Network tab of your browser´s Developer Tools to get more information, including URL that your script tried to reach. Debug from there.

answered Jan 7, 2016 at 0:59

caulitomaz

2,40116 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Cannot load html file to another html file with jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related