March 30, 2025
Ajax get request with jQuery.get method
With jQuery.get method, we can make Ajax http get request to server. It requires four arguments, first is URL on which we need make Ajax request, second is query parameter for the get request (it is an optional parameter), third is call back function which is called on get request complete, fourth parameter specifies the expected response format i.e. json, text, xml, html, etc.
Example of get jQuery request is mentioned below:
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$("#getButton").click(function(){
$.get("http://api.geonames.org/citiesJSON", { north: 44.1, south:-9.9, east:-22.4, west:55.2, lang:'de', username='demo'}, function(response) {
$("#divbox").text(JSON.stringify(response));
}, "json");
});
});
</script>
</head>
<body>
<button id="getButton">Get Data</button>
<div id="divbox">Hello, world!</div>
</body>
</html>