Модель разбора Backbone.js

Опубликовано: 4 Января, 2023

Модель синтаксического анализа Backbone.js — это функция, которая вызывается всякий раз, когда данные модели возвращаются сервером. Эта функция передается с объектом ответа и возвращает данные модели. Модель имеет реализацию функции синтаксического анализа по умолчанию, но мы можем переопределить эту функцию для гибкого использования.

Синтаксис:

model.parse( response, options );

Параметры:

  • ответ: это необработанный объект ответа, который должен анализировать данные.
  • options: это объект с информацией о необработанном объекте ответа.

Пример 1. В этом примере мы проиллюстрируем модель синтаксического анализа Backbonejs , переопределив функцию синтаксического анализа модели по умолчанию.

HTML




<!DOCTYPE html>
<html>
   
<head>
  <title>BackboneJS parse Model</title>
  <script src
          type="text/javascript">
  </script>
  <script src
          type="text/javascript">
  </script>
  <script src
          type="text/javascript">
  </script>
</head>
  
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
    <h3>BackboneJS parse Model</h3>
    <div id="hello"></div>
    <script type="text/javascript">
        var Person = Backbone.Model.extend({
            urlRoot: "https://...typicode.com/users/1",
            parse: function (response, options) {
                for (var i in response) {
                    document.getElementById("hello")
                        .append(`${JSON.stringify(i)} : 
                        ${JSON.stringify(response[i])}`);
                }
  
            }
        });
        var person = new Person();
        person.fetch();
    </script>
</body>
  
</html>

Выход:

Пример 2. В этом примере мы извлечем все электронные письма из ответа с помощью функции разбора.

HTML




<!DOCTYPE html>
<html>
   
<head>
  <title>BackboneJS parse Model</title>
  <script src
          type="text/javascript">
  </script>
  <script src
          type="text/javascript">
  </script>
  <script src
          type="text/javascript">
  </script>
</head>
  
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
    <h3>BackboneJS parse Model</h3>
    <p id="hello"></p>
  
    <script type="text/javascript">
        var Person = Backbone.Model.extend({
            urlRoot: "https://...typicode.com/users",
            parse: function (response, options) {
                var self = this;
                _.each(response, function (data, pos) {
                    document.write(`${"email" + pos} 
                        : ${data.email} <br>`);
                });
            }
        });
  
        var person = new Person();
        person.fetch();
  
    </script>
</body>
  
</html>

Выход:

Ссылка: https://backbonejs.org/#Model-parse