Question

我是骨干新手，并尝试在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

但是，sinatra服务器只显示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，但我似乎找不到任何答案。我觉得我做了一些愚蠢的事，但却看不到它！

Answer 1

事实证明，我不知道如何正确地提取sinatra中的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

Answer 2

我遇到了同样的问题。不过，我使用的是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阅读。

Backbone.js创建方法不向sinatra发送参数

2 个答案: