ajax test
by Imri Paloja
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<h1>jQuery ajax() demo</h1>
<input type="button" id="ajaxBtn" value="Send Ajax request" />
<p>
<a href="https://www.w3schools.com/jquery/jquery_ajax_intro.asp" title="JQuery W3schools" target="_blank">Jquery</a>
</p>
<!-- https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js -->
<pre>
JS library called FrameWorks
# Why?
The rest, to me, aren't really user friendly.
## Inspired by
- JQuery
- w3.js
-
Future "reference" section
- selectors
- events
- effects
- html/css
- traversing
- ajax
- misc
- properties
https://www.w3schools.com/w3js/default.asp
</pre>
JavaScript
$(document).ready(function() {
$('#ajaxBtn').click(function() {
$.ajax('/jquery/getdata', // request url
{
success: function(data, status, xhr) { // success callback function
$('p').append(data);
}
});
});
});
$(document).ready(function() {
$("button").click(function() {
$.ajax({
url: "demo_test.txt",
success: function(result) {
$("#div1").html(result);
}
});
});
});