Подтвердить что ты не робот

Backbone.js создает метод, не отправляющий параметры в синатра

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

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

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, но я не могу найти ответы на них. Я чувствую, что сделал что-то глупое, но просто не вижу его!

4b9b3361

Ответ 1

Оказывается, я не знал, как правильно исправить параметры json в синатре. С этого сайта: 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

Ответ 2

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

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

Вы также можете прочитать его непосредственно из $HTTP_RAW_POST_DATA.