通过单击按钮而不重新加载页面来呈现操作:Ajax

时间:2016-07-31 09:41:46

标签: javascript jquery html ruby-on-rails ajax

我使用ajax在单击时执行控制器操作而不重新加载页面。我似乎无法获得要呈现的js视图。

transactions_controller:

require "braintree"

    def index   
       @reservations = Reservation.where("transaction_id = transaction_id", true)

    end

    def escrow
        @reservation = Reservation.find(params[:id])
        @escrow = Braintree::Transaction.release_from_escrow(@reservation.transaction_id)
        @reservation.update_attributes pay_completed: true
        respond_to do |format|
            format.html
            format.js { render :layout=>false }
        end 
    end

    private
    def reservation
        @reservation = Reservation.find(params[:id])
    end

我在index.html.erb上的链接:



<% @reservations.each do |reservation| %>
			<% @transaction = Braintree::Transaction.find(reservation.transaction_id) %>
			
  
  <tr>
  <td><%= reservation.id %></td>
    <td><%= reservation.transaction_id %></td>
    <td><%= reservation.reviser.user.username %></td>

    <td><%= reservation.user.username %></td>
    <td><%= @transaction.status %></td>
    <td><%= @transaction.escrow_status %></td>
    <td><%= reservation.created_at %></td>
    <td><%= reservation.completed %></td>
<td><%= link_to "stock", escrow_path(reservation), :remote => true %></td>
    
  </tr>
  
			

			

			

			<% end %>
&#13;
&#13;
&#13;

routes.rb中:

get 'admin/transactions' => 'admin/transactions#index' 
patch 'admin/transactions/:id' => 'admin/transactions#escrow', :as => 'escrow'

escrow.js:

$('#escrow').html("<%= j (render @escrow) %>");

我不确定我做错了什么!谢谢! :)

2 个答案:

答案 0 :(得分:0)

不是答案,而是建议从哪里开始:

您需要做的就是开始缩小发生问题的位置。您知道,当您单击链接时,它不会执行您想要的操作。现在,一步一步地看看哪里出了问题。使用以下答案更新您的问题:

  1. 如果你关掉ajax(remote =&gt; false)会有效吗?
  2. 现在,打开ajax:

    1. 点击链接是否会向服务器发送请求? (使用Chrome开发工具检查此问题)请求是您期望的吗?
    2. 您的rails服务器是否收到任何类型的请求?单击链接后查看日志,以查看是否发生任何事情。如果是的话,那是什么?它看起来像是一个成功的请求吗?
    3. 如果您只是用简单的alert('got here');替换escrow.js中的代码,它会执行吗?

答案 1 :(得分:0)

你可以尝试这样的事情:

# escrow.js.erb
var html = "<%= escape_javascript(render partial: 'escrow', locals: { escrow_var: @escrow } ) %>"
$('#escrow').html(html);

您应该部分调用_escrow.html.erb并在部分内使用escrow_var而不是@scrow

当然,您可以使用任何其他名称。