JSFiddle - React, Tailwind, and code Playground
HTML
<input type="button" id="useJSONP" value="Use JSONP">
<div id="location"></div>
JavaScript
$("#useJSONP").click(function(){
$.ajax({
url: 'http://api.lbs.yandex.net/geolocation',
data: {json: JSON.stringify({
"common": {
"version": "1.0",
"api_key": "ABdJM1ABAAAAKCIDQQQAzWhYwrto5T5B9fJfp51--LPAVDsAAAAAAAAAAABF8_SOq44350NLHLwFJ2CQGK6DdA=="
},
"gsm_cells": [
{
"countrycode": 250,
"operatorid": 99,
"cellid": 42332,
"lac": 36002,
"age": 0,
"signal_strength": -80,
"age": 5555
}
],
"wifi_networks": [
{
"mac": "00-1C-F0-E4-BB-F5",
"signal_strength": -88,
"age": 0,
}
],
"ip": {
"address_v4": "91.214.16.5"
}
})},
dataType: 'jsonp',
jsonp: 'callback',
jsonpCallback: 'jsonpCallback',
success: function(){
alert("success");
}
});
});
function jsonpCallback(data){
$('#location').text(data);
}