JSFiddle - React, Tailwind, and code Playground

by Tom Randolph

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.3/backbone-min.js"></script>
<span id="out"></span>

JavaScript

var MongoModel = Backbone.Model.extend( {
    'idAttribute': '_id'
} );

var Col = Backbone.Collection.extend( {
	'model': MongoModel,
  'parse': function( raw ){
  	return raw.data;
  }
} );

$( function(){
	$.ajax( {
  	'url': '/echo/json/',
    'data': {
    	"json": [{ "_id": 21312323, "key": "val" },{ "_id": 324343523, "key": "val2" }]
    },
    'type': 'post',
    'success': function( data ){
    	var myModels = new Col( data );
      
      console.log( myModels );
      
      myModels.each( function( model ){
      	console.log( model );
      	var out = document.getElementById( 'out' );
      	out.textContent = out.textContent + ' ' + model.id;
      } );
    }
  } );
} );