When i attempt to retrieve a JSON with ajax i first had problems with CORS which i fixed by enabling crossDomain to true and adding dataType as jsonp (notice the 'p'). When running the script it returns a null instead of the data it was supposed to get from the JSON
<html>
<head>
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
var json = (function() {
var json = [];
$.ajax({
'async': false,
'global': false,
'crossDomain': true,
'method': "get",
'url': "products.json",
'dataType': "jsonp",
'success': function (data) {
json = data;
}
});
return json;
})();
console.log(json);
</script>
</body>
</html>
The JSON
{
"items": [{
"title": "Express"
}, {
"title": "Unexpress"
}]
}
I expect a json but it returns null and a message in console: "Uncaught SyntaxError: Unexpected token :" at line 2 of the JSON.
