Object does not support property or method values'
I am trying to write some codes to get a json file and read. But these codes work in chrome, don't work in IE11 and I need to use IE. What is the real solution to solve this problem really. I changed some of the value names, but the same problem still seems to be.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<table id="userdata" border="0.02">
<th>Revision Date</th>
<th>Document Name</th>
<th>Department </th>
<th>Description</th>
<th>Link</th>
</table>
<script>
myObjects = [];
$.getJSON('https://api.myjson.com/bins/1djve3', function(deneme) {
myObjects = Object.values(deneme);
console.log("Objects in array " + myObjects.length);
$.each(myObjects, function(i, person) {
$('#userdata th:nth-child(2)').html(person.revisiondate)
console.log("Person-" + person.revisiondate);
console.log("Person-" + person.documentname);
console.log("Person-" + person.department);
console.log("Person-" + person.description);
console.log("Person-" + person.link.split('href=')[1]+"' "+person.link.split('href=')[1]);
var $row =
"<tr><td>" + person.revisiondate +
"</td><td>" + person.documentname +
"</td><td>" + person.department +
"</td><td>" + person.description +
"</td><td><a target='_blank' href='"+ person.link.split('href=')[1]+"' >"+person.link.split('href=')[1]+"</a></td></tr>"
$('table> tbody:last').append($row);
});
});
</script>
</body>
</html>
+3
source to share
1 answer
Instead of this line
myObjects = Object.values(deneme);
records,
myObjects = Object.keys(deneme).map(itm => deneme[itm]);
Because Object.values an experimental feature and is not supported in IE.
If your browser does not support arrow functions, then write,
myObjects = Object.keys(deneme).map(function(itm) { return deneme[itm]; });
+7
source to share