basket.html

<div class="basket">
  
  <script type="text/javascript">
    
    window.basket_data = {
      models: [
        {
          id: 1,
          title: 'Leotard',
          item_price: 333,
          colors: [
            {
              title: "Blue",
              selected: true,
              image: "/content/blue-back.png",
              value: "blue"
            },
            {
              title: "Red",
              value: "red"
            },
            {
              title: "Green",
              image: "/content/green-back.png",
              value: "green"
            }
          ],
          sport: [
            {
              title: "rhythmic",
              selected: true,
              value: "rhythmic"
            },
            {
              title: "rhythmic2",
              value: "rhythmic2"
            }
          ],
          items: [
            {
              crystals: 1500,
              crystals_swarovsky: 0,
              age: 2,
              height: 33,
              ...
              request: 'Special request for this'
            },
            ...
          ]
        },
        ...
      ]
    }
    
  </script>
  
</div>

Вот такую переменную хотелось бы получать.
Соответственно после того как клиент все заполнит: обновлю данные в этой переменной и отправлю ее дальше.