Fetch Data from Json by jquery

<script type="text/javascript">
jQuery(document).ready(function(){

 $.ajax({
  type: "POST",
  url: "product.json",
  dataType: 'json',
  success:function(responce){
   console.log(responce.data);
   var catandpros = responce.data;
   var arr = $.map(catandpros, function(el) { return el; })
   console.log(arr);
   var section = 1;
   var menu_div = '';
   arr.forEach(function(entry){
    menu_div += entry['category_name'];
    menu_div += '<br>';
  });
  jQuery('#output').html(menu_div);
  }
 });
});

</script>