get data finder in ajex

by pawangupta18

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<div class="jsonData">
<ul>

</ul>
</div>

CSS

.jsonData{width:100%; float:left;}
.jsonData ul{margin:0px; padding:0px; list-style:none;}
.jsonData ul li{ margin-top:10px; float:left; width:100%; }

JavaScript

$.ajax({
 method : 'GET',
 url: "https://jsonplaceholder.typicode.com/posts",
 success: function(data){
 
 for(var i = 0; data.length > i; i++){
   $(".jsonData ul").append("<li>" + data[i].title + "</li>")
 }
 }
})