Метод создания Backbone.js не передает параметры в sinatra - PullRequest
Новая
       18

Метод создания Backbone.js не передает параметры в sinatra

13 голосов
/ 03 февраля 2012

Я новичок в магистральной сети и пытаюсь настроить ее в Синатре, но я не могу заставить работать простое создание.

Я настроил свою модель / коллекцию так: 

var TEAM_ID = window.location.pathname.split('/')[1]; // From url
$(function () {
  var TeamMember = Backbone.Model.extend({
    defaults: {
      name : ""
    }
  });

  var TeamMembers = Backbone.Collection.extend({
    model: TeamMember,
    url: "/" + TEAM_ID + "/team-members.json"
  });

  var teamMembers = new TeamMembers;

  var TeamMemberView = Backbone.View.extend({
    events: { 
      "click #new-team-member-form .submit-button" : "handleNewTeamMember" 
    },
    handleNewTeamMember: function(data) {
      var inputField = $('input[name=new_team_member_name]');
      console.log("Pre create");

      // This doesn't get sent to the server!!
      var teamMember = teamMembers.create({name: inputField.val());

      console.log("Post create");

      return false; // Don't submit form
    }, 
    render: function() {
      console.log("Render team member");

      return this;
    }
  });

  // ...

  var teamMemberView = new TeamMemberView({el: $('#week-view')});

});

HTML выглядит так: 

<table id="week-view">
  <!-- ... -->
  <form id="new-team-member-form" action="/some-add-url" method="post">
    <fieldset class="new-object-fieldset" title="New team member">
      <legend>New team member</legend>
      <label for="new_team_member_name">Add new</label>
      <input type="text" name="new_team_member_name" title="Add member" class="new-object-text-box" /> 
      <button type="submit" name="new_team_member" value="new_team_member" class="submit-button">+</button>
      <div id="help-new"></div>
    </fieldset> <!-- New team member -->
  </form>
  <!-- ... -->

, а рубин выглядит так: 

post '/:team_id/team-members.json' do  
  logger.info("Add team member (json): #{params}")
end

Однако сервер синатры показывает толькоparams[:team_id], без параметра name в строке teamMembers.create.Я делаю что-то глупое в позвоночнике?Не инициализировать что-то правильно?

Я смотрел на http://documentcloud.github.com/backbone/#Collection-create, http://documentcloud.github.com/backbone/docs/todos.html, http://liquidmedia.ca/blog/2011/01/backbone-js-part-1/, http://liquidmedia.ca/blog/2011/01/an-intro-to-backbone-js-part-2-controllers-and-views/ и https://gist.github.com/1655019,, но я могуКажется, там нет ответов.Я чувствую, что сделал что-то глупое, но просто не вижу этого!

Ответы [ 2 ]

15 голосов
/ 08 февраля 2012

Оказывается, я не знал, как правильно извлечь параметры json в sinatra. С этого сайта: http://mini.softwareas.com/posting-json-to-a-sinatra-mongodb-service, Я узнал, что мне пришлось использовать request.body.read.to_s вместо params, то есть 

post '/:team_id/team-members.json' do  
  request_body = JSON.parse(request.body.read.to_s)
  team_member_name = request_body["name"]
  # ...
end
4 голосов
/ 01 марта 2012

У меня была такая же проблема. Я на PHP, хотя. Поскольку Backbone отправляет данные POST не в строке запроса, а в виде простой строки JSON, данные недоступны до $_POST. Чтобы прочитать данные Backbone POST: 

// the 'true' param returns an array rather than an object
$post = json_decode(file_get_contents('php://input'), true);

Вы также можете прочитать его прямо с $HTTP_RAW_POST_DATA.

...