Rails не создает подлинность маркера

Question

Я следую за эти две обучающие программы в целом,

• https://www.airpair.com/reactjs/posts/reactjs-a-guide-for-rails-developers

• https://facebook.github.io/react/docs/tutorial.html

и реализует простую систему комментариев в Rails. Однако у меня возникла проблема с обработкой отправки. Я выполнил простой запрос AJAX POST для отправки данных моей формы (как состояние). Это выглядит следующим образом:

var CommentForm = React.createClass({ 
    handleChange: function(e) { 
    var name, obj; 
    name = e.target.name; 
    return this.setState((
     obj = {}, 
     obj["" + name] = e.target.value, 
     obj 
    )); 
    }, 
    handleSubmit: function(e) { 
     e.preventDefault(); 
     var author = React.findDOMNode(this.refs.author).value.trim(); 
     var text = React.findDOMNode(this.refs.text).value.trim(); 
     if(!text || !author) { 
      return; 
     } 
     $.post(this.props.postUrl, {comment: this.state}, null, "application/json"); 
     React.findDOMNode(this.refs.author).value = ''; 
     React.findDOMNode(this.refs.text).value = ''; 
    }, 
    render: function() { 
     return (
      <form className="commentForm" onSubmit={this.handleSubmit}> 
     <input type="text" placeholder="Your name" ref="author" name="author" onChange={this.handleChange} /> 
     <input type="text" placeholder="Say something..." ref="text" name="text" onChange={this.handleChange} /> 
     <input type="submit" value="Post" /> 
     </form> 
     ); 
    } 
}); 

Как я изучил консоль Похоже, она проходит в правильном пути и правильный Params, за исключением не authenticity_token паров. Вот скриншот того, что находится в консоли.

В первой ссылке, которую я предоставил, он сказал, что jquery_ujs обрабатывает генерации и передачи маркера подлинности для Ajax POST. Однако это не так в моем случае. Что мне не хватает?

Редактировать: У меня есть несколько ответов, которые помогут решить мою проблему. Тем не менее, я по-прежнему занимаюсь любопытством в отношении того, что делает разницу между моим кодом и кодом в этом учебнике?

Answer 1

решаемая. Убрана линия

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

из application.html.erb. Оказывается, это было затенение jquery_rails при создании запроса AJAX.

Answer 2

Это потому, что вам не хватает в вашем методе render, чтобы передать authenticity_token. Либо вы отключите проверку подлинности (не), либо вы доставляете свою визуализованную форму с помощью токена аутентификации.

В этом случае я бы рекомендовал использовать Гон для чистого прохождения переменного контроллера в JS: https://github.com/gazay/gon

Когда вы установили:

В вашем методе контроллера:

gon.authenticity_token = form_authenticity_token 

В вашем класс реакции:

<form className="commentForm" onSubmit={this.handleSubmit}> 
    <input type="hidden" name="authenticity_token" value={gon.authenticity_token} /> 
    <input type="text" placeholder="Your name" ref="author" name="author" onChange={this.handleChange} /> 
    <input type="text" placeholder="Say something..." ref="text" name="text" onChange={this.handleChange} /> 
    <input type="submit" value="Post" /> 
</form> 

Answer 3

Вы купите л.д. добавить атрибут authenticity_token к вашему AJAX POST:

вы могли бы заменить эту строку:

$.post(this.props.postUrl, {comment: this.state}, null, "application/json"); 

с этим:

$.post(this.props.postUrl, { 
    comment: this.state, 
    authenticity_token: $('meta[name=csrf-token]').attr('content') 
    }, null, "application/json");