используя ajax в форме представить рельсы - PullRequest
Новая
       9

используя ajax в форме представить рельсы

0 голосов
/ 01 октября 2018 

Started POST "/users/3/tweets" for 127.0.0.1 at 2018-10-01 16:43:04 +0100
Processing by TweetsController#create as JS
  Parameters: {"utf8"=>"✓", "authenticity_token"=>"a4GACc9npDT1aXdadefb62NbUVbAxA11JBQ/NDkCcPOS0l7wyBbJmwvdPdwZ8rZryT6LmxoFxI9wfv2RloLQIQ==", "tweet"=>{"content"=>"hello"}, "commit"=>"Create Tweet", "user_id"=>"3"}
  User Load (0.4ms)  SELECT  "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2  [["id", 3], ["LIMIT", 1]]
  ↳ /Users/benherring/.rbenv/versions/2.4.4/lib/ruby/gems/2.4.0/gems/activerecord-5.2.1/lib/active_record/log_subscriber.rb:98
  User Load (0.2ms)  SELECT  "users".* FROM "users" WHERE "users"."id" = $1 LIMIT $2  [["id", 3], ["LIMIT", 1]]
  ↳ app/controllers/tweets_controller.rb:23
   (0.1ms)  BEGIN
  ↳ app/controllers/tweets_controller.rb:26
  Tweet Create (0.4ms)  INSERT INTO "tweets" ("content", "created_at", "updated_at", "user_id") VALUES ($1, $2, $3, $4) RETURNING "id"  [["content", "hello"], ["created_at", "2018-10-01 15:43:04.707047"], ["updated_at", "2018-10-01 15:43:04.707047"], ["user_id", 3]]
  ↳ app/controllers/tweets_controller.rb:26
   (1.7ms)  COMMIT
  ↳ app/controllers/tweets_controller.rb:26
  Rendering tweets/create.js.erb
  Rendered tweets/create.js.erb (7.3ms)
Completed 500 Internal Server Error in 34ms (ActiveRecord: 2.9ms)


  
ActionView::Template::Error (Missing partial tweets/_index with {:locale=>[:en], :formats=>[:js, :html], :variants=>[], :handlers=>[:raw, :erb, :html, :builder, :ruby, :jbuilder]}. Searched in:
  * "/Users/benherring/twitter-clone/app/views"
  * "/Users/benherring/.rbenv/versions/2.4.4/lib/ruby/gems/2.4.0/gems/devise-4.5.0/app/views"
):
    11: <% if @tweet.errors.any? %>
    12:   refreshForm('<%= j render "tweets/new", user: @user, tweet: @tweet %>');
    13: <% else %>
    14:   addTweet('<%= j render "tweets/index", tweet: @tweet %>');
    15:   refreshForm('<%= j render "tweet/new", user: @user, tweet: Tweet.new %>');
    16: <% end %>
  
app/views/tweets/create.js.erb:14:in `_app_views_tweets_create_js_erb__1236688757229574759_70092102807800'

Я пытаюсь отправить форму, чтобы страница не перезагружалась с ajax.сейчас форма работает без ajax, но я хочу, чтобы она была лучше.Я посмотрел на документацию по рельсам и здесь, и я не могу разобраться с этим.Я внес изменения в форму, контроллер и создал файл create.js.erb, но не повезло.спасибо 

class TweetsController < ApplicationController
  before_action :authenticate_user!, :except => [:index]

   def index
    # @tweets = Tweet.all.order("created_at DESC")
    @tweets = Tweet.paginate(page: params[:page], per_page: 7).order('created_at DESC')

    @tweet = Tweet.new
    @user = current_user
  end

  def show
    @tweet = Tweet.find(params[:id])
  end

  def new
    # @tweet = Tweet.new
    # @user = current_user
  end

  def create
    # @user = current_user
    @user = User.find(params[:user_id])
    @tweet = Tweet.new(tweet_params)
    @tweet.user = @user
    if @tweet.save
         respond_to do |format|
        format.html { redirect_to user_tweets_path }
        format.js
      end
    else
      respond_to do |format|
        format.html { render 'tweets/index' }
        format.js
      end
    end
    # redirect_to user_tweets_path
  end


  def edit
    @tweet = Tweet.find(params[:id])
  end

  def update
    @tweet = Tweet.find(params[:id])
    @tweet.update(tweet_params)
    redirect_to tweets_path
  end

  def upvote
  @tweet = Tweet.find(params[:id])
  @tweet.upvote_by current_user
  # redirect_to :tweets
   if request.xhr?
    head :ok
  else
    redirect_to tweets_path
  end
end

def downvote
  @tweet = Tweet.find(params[:id])
  @tweet.downvote_by current_user
  redirect_to :tweets
end

  private
  def tweet_params
    params.require(:tweet).permit(:content)
  end
end

<%= simple_form_for [ @user ,@tweet], remote: true, id: "form-submit" do |f| %>
       <%= f.input :content, label: "Tweet" %>
       <%= f.button :submit, class: "btn btn-primary" %>
       <% end %>

function refreshForm(innerHTML) {
  const newTweetForm = document.getElementById('new_tweet');
  newTweetForm.innerHTML = innerHTML;
}

function addTweet(tweetHTML) {
  const tweets = document.getElementById('tweets');
  reviews.insertAdjacentHTML('beforeend', reviewHTML);
}

<% if @review.errors.any? %>
  refreshForm('<%= j render "tweets/new", user: @user, tweet: @tweet %>');
<% else %>
  addTweet('<%= j render "tweets/index", tweet: @tweet %>');
  refreshForm('<%= j render "tweet/new", user: @user, tweet: Tweet.new %>');
<% end %>

<h1 class="title text-primary">Home</h1>


<div class="tweet-form">
  <% if user_signed_in? %>
    <%= render 'new',user:@user, tweet:@tweet %>
  <% end %>
</div>
   <br>

<div id="tweets">
<% @tweets.each do |tweet|  %>
  <div class="card">
    <div class="card-description">
      <h4><%= link_to tweet.user.username, user_path(tweet.user) %></h4>
      <p class="tweet-content"><%= tweet.content %></p>
      <p><%= tweet.created_at.strftime("%B %d %Y, %l:%M%P") %></p>
      <%= link_to like_tweet_path(tweet),  method: :put do %>
      <p>Upvote <%= tweet.get_upvotes.size %>
      <% end %>
      <%= link_to dislike_tweet_path(tweet), method: :put do %>
      Downvote <%= tweet.get_downvotes.size %></p>
      <% end %>
    </div>
  </div>
<% end %>
</div>




<div class="pages">
  <%= will_paginate @tweets,renderer: BootstrapPagination::Rails %>
</div>

    config.action_view.embed_authenticity_token_in_remote_forms = true

Ответы [ 3 ]

0 голосов
/ 01 октября 2018

Ошибка, которую вы получаете, является ответом javascript на отправку формы.В частности, эта строка: 

addTweet('<%= j render "tweets/index", tweet: @tweet %>')

- это проблема. 

ActionView::Template::Error (Missing partial tweets/_index with {:locale=>[:en], :formats=>[:js, :html], :variants=>[], :handlers=>[:raw, :erb, :html, :builder, :ruby, :jbuilder]}

в вашем приложении не должно быть файла app/views/_tweets

обратите внимание, что render "tweets/index"автоматически добавляет подчеркивание в начало переданного имени файла, так что tweets/index становится tweets/_index.

вам необходимо добавить частичное (файл представления с начальным подчеркиванием), которое отображает шаблон индекса

0 голосов
/ 02 октября 2018

Ваши журналы показывают эту ошибку: 

ActionView::Template::Error (Missing partial tweets/_index

Это вызвано этим кодом: 

addTweet('<%= j render "tweets/index", tweet: @tweet %>');

По-видимому, у вас нет партиала с именем tweets/_index для рендеринга.

Не могли бы вы создать этот файл и убедиться, что он называется _index, а не index?

0 голосов
/ 01 октября 2018

Я думаю, у вас есть опечатка в вашем js.erb 

const tweets = document.getElementById('tweets');
reviews.insertAdjacentHTML('beforeend', reviewHTML);

Вы имели в виду tweets вместо reviews во второй строке?

также в js.erb 

function refreshForm(innerHTML) {
  const newTweetForm = document.getElementById('new_tweet');
  newTweetForm.innerHTML = innerHTML;
}

Но это создаст форму внутри формы, если вы не получите родительский элемент для этого.В вашем случае это класс tweet-form.

...