How to Load HTML Page Using JQuery?
Question
I am trying to load an external html file using JQuery. But, the following code does not work:
<!-- JQuery Code-->
<script>
$(document).ready(function(){
$("#div1").load("header.html");
});
</script>
</head>
<body>
<div id="div1"></div>
</body>
1 answers
solution1
-1 2022-08-20 15:23:55
the following code with debug !! to see what is your problem
$( document ).ready(function() {
console.log( "ready!" );
$("#div1").load( "header.html", function( response, status, xhr ) {
if ( status == "error" ) {
var msg = "Sorry but there was an error: ";
$( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
}
});
});
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How can I load a page using jquery then use the CSS AND HTML?
How to load html page in div using AJAX and JQuery
how to load xml file to jsp/html page using javascript/jquery
How to load child html page content from source html page without scrolling to bottom of the page using Jquery?
Need Help to load a html page using jquery
Using JQuery to load an html page into a container on click
How to load a html page in a jquery dialogbox.?
How to load page html and content (such as images) in jQuery?
How to load html using jquery load
How to load .html files in the Home page with JQuery?
Related Tags