Building a Backbone Model by utilizing JSON information that was received

Question

Building a Backbone Model by utilizing JSON information that was received

Is there a way to create a backbone model using data received from a web service, rather than manually inputting the information?

Imagine you're getting JSON data from a webservice, and you'd like to directly use this JSON as a backbone model. How would one go about achieving this?

Thank you for your assistance.

javascript json backbone.js

Answer 1

Answer №1


Let's create a new Backbone Model called MyModel:

MyModel = Backbone.Model.extend({});

Now let's populate our model with some data retrieved from an ajax call:

var data = { /* some data you got from the ajax call */};

var m = new MyModel(data);

If you don't have a specific type of model in mind, you can simply use a generic Backbone.Model:


var data = { /* some data you got from the ajax call */};

var m = new Backbone.Model(data);

Answer 2


Let's create a new Backbone Model called MyModel:

MyModel = Backbone.Model.extend({});

Now let's populate our model with some data retrieved from an ajax call:

var data = { /* some data you got from the ajax call */};

var m = new MyModel(data);

If you don't have a specific type of model in mind, you can simply use a generic Backbone.Model:


var data = { /* some data you got from the ajax call */};

var m = new Backbone.Model(data);

Answer 3

Answer №2

It's important to differentiate between creating a model definition and a model instance.
If your service is returning a JSON object, you can use something like the following:

let receivedData = {/*data received from service*/};

// Creating a new model definition
let newModelDefinition = Backbone.Model.extend(receivedData);
// Instantiate the model later on:
let model1 = new newModelDefinition(),
    model2 = new new newModelDefinition(someData);

// Creating a new model instance
let newModelInstance = new Backbone.Model(receivedData);

Answer 4

It's important to differentiate between creating a model definition and a model instance.
If your service is returning a JSON object, you can use something like the following:

let receivedData = {/*data received from service*/};

// Creating a new model definition
let newModelDefinition = Backbone.Model.extend(receivedData);
// Instantiate the model later on:
let model1 = new newModelDefinition(),
    model2 = new new newModelDefinition(someData);

// Creating a new model instance
let newModelInstance = new Backbone.Model(receivedData);

Building a Backbone Model by utilizing JSON information that was received

Answer №1

Answer №2

Similar questions

Locating a targeted JSON value within a elaborate JSON structure using Python

Utilize jQuery to refresh the database with the information retrieved from the ajax-request

Javascript's second element does not trigger a click event with similar behavior

The output stored in the variable is not appearing as expected

Using websockets in a React client application

Is the user currently accessing the website in multiple tabs?

Switching the default browser for npm live-server

Vue: setInterval not updating timer variable

Design blueprint for mysterious JSON structure

Tips for sending attributes to jQuery autocomplete

What is the best method for interacting with multiple links in Puppeteer?

Is there a way to configure multiple entry points in a package.json file?

What is the correct way to transform a list of lists into JSON using Python?

When working in React, I encountered a problem with the for of loop, as it returned an error stating "x is undefined." Although I could easily switch to using a simple for loop, I find the for of loop to

Angular2 - receiving an error message stating that this.router.navigate does not exist as a

Exploring advanced slot functionality in VuetifyJS through autocomplete integration with Google Places API

Here is the process to make a GET request to an API with input parameters using JQuery and JavaScript in an Asp.net view when a particular tag

What is the process for deserializing this JSON data?

"Using Node.js createReadStream, only a single data chunk from a large JSON file is read at

Currently, I am expanding my knowledge of PHP and MySQL by working on a dynamic form that utilizes arrays. As I progress through the project,