<!DOCTYPE html>
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script
type="text/javascript">
$( document ).ready(function(){
$.ajax({
url:
'https://jsonplaceholder.typicode.com/posts',
dataType: 'jsonp',
success: function (data) {
//$('div').html(JSON.stringify(data));
var mydatalist="";
for(var i = 0; i < data.length;
i++)
{
//console.log(data[i].userId);
mydatalist += "<ul>";
mydatalist +=
"<li>"+ data[i].id + "</li>";
mydatalist +=
"<li>"+ data[i].title + "</li>";
mydatalist +=
"</ul>";
}
document.getElementById("myid").innerHTML=mydatalist;
}
});
})
</script>
</head>
<body>
display text purpose
<div
id="myid"></div>
</body>
</html>
