Ik heb de eenvoudige JS-code voor het bijwerken van de tekst op de knop:
<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
</head>
<body>
<table border='1'>
<div id="load-button" style="border:1px solid black; background-color:white;padding:5px;cursor:pointer;width:200px;text-align:center;border-radius:4px;">Load button</div>
<script type="text/javascript">
//wait for HTML document
$(document).ready(function() {
$('#load-button').click(function() {
$.ajax({
url: 'http://developers-blog.org/resources/jquery-ajax/snippet.html',
success: function(data) {
$('#load-button').empty();
$('#load-button').append(data);
}
});
});
});
</script>
</body>
</html>
JQuery library is the folder with index.php page. But this code doesn't work. Please, tell me, where have I made a mistake? Thank you in advance.