ruby 1.9 rails 3.2 に次のコードがあります。ページ内のサブフィールドを更新するために、いくつかの異なる Web ページをたどりました。何らかの理由で、まだ新しいページにリダイレクトしていますが、レイアウトを使用してレンダリングしていません...これは奇妙です。
ルート:
match 'search' => 'content#search'
意見：
<%= form_tag({:action => 'search'},:id => 'searchForm',:remote => true, :update => "ajaxstuffhere", :position => :bottom) do %>
<p>
<label id="parkname">Park Name:</label><br/>
<%= text_field :search, :parkname, :size => 25 %>
</p>
<p>
<label id="stateprovince">State / Province:</label><br/>
<% tstate = State.new %>
<% tstate.name = "Select a State / Province" %>
<% @states = [] %>
<% @states << tstate %>
<% states = State.all.sort{|x,y| [x.country_id, x.name] <=> [y.country_id, y.name] } %>
<% states.each do |state| %>
<% @states << state %>
<% end %>
<%= puts "statelist is : " + @states.inspect.to_s %>
<%= collection_select(:search, :state, @states, :id, :name) %>
</p>
<p>
<label id="zipcode">Zip Code:</label><br/>
<%= text_field :search, :zipcode, :size => 5 %>
</p>
<p>
<label id="distanceSearchLabel">Max Distance:</label><br/>
<select id="distancePick" name="search[distance]">
<option value="">Select Distance</option>
<option value="10">10km</option>
<option value="50">50km</option>
<option value="100">100km</option>
<option value="250">250km</option>
<option value="500">500km</option>
<option value="1000">1000km</option>
</select>
</p>
</p>
<p>
<%= submit_tag 'Search' %>
</p>
<div style="clear:both;">
</div>
<h2>Narrow your Search</h2>
<a href="JavaScript:amenitiesPopup()">By Amenities</a>
<br />
<p>
<label id="parkname">Price:</label><br/>
<%= text_field :search, :pricelow, :size => 5 %>
<%= text_field :search, :pricehigh, :size => 5 %>
</p>
<p>
<label id="parkname">Age:</label><br/>
<%= text_field :search, :age, :size => 5 %>
</p>
<p>
<%= check_box :search,:pets_allowed %><label id="petsallowedcb">Allows Pets</label><br/>
</p>
<%= check_box :search,:big_rigs %><label id="bigrigcb">Allows Big Rigs</label><br/>
<p>
<%= submit_tag 'Search' %>
</p>
<% end %>
コントローラ：
def search
...
render :partial => 'search'
end #seach def
ID「ajaxstuffhere」のhtmlページ内に空のdivがあります。フォームの送信ボタンをクリックすると、_search.html.erb が指定された div ではなく新しいページに読み込まれます。
助けてくれてありがとう！
編集：サーバーからの投稿リクエストは次のとおりです。
Started POST "/search" for 70.28.21.25 at 2013-09-25 13:22:54 +0000
Processing by ContentController#search as HTML
Parameters: {"utf8"=>"â", "search"=>{"parkname"=>"as", "state"=>"", "zipcode"=>"", "distance"=>"", "pricelow"=>"", "pricehigh"=>"", "age"=>"", "pets_allowed"=>"0", "big_rigs"=>"0"}}
Rendered content/_search.html.erb (424.3ms)
Completed 200 OK in 637ms (Views: 105.6ms | ActiveRecord: 478.6ms)
また、フォームの HTML レンダリング:
<form accept-charset="UTF-8" action="/search" data-remote="true" id="searchForm" method="post" position="bottom" update="ajaxstuffhere"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /></div>
<p>
<label id="parkname">Park Name:</label><br/>
<input id="search_parkname" name="search[parkname]" size="25" type="text" />
</p>
...
<input name="commit" type="submit" value="Search" />
</form>
編集：1週間後、まだ機能していません
次の新しいhomepage.js.erbファイルがあります。
("#ajaxstuffhere").hide();
data-remote="true"がフォームに設定されているときに返されて実行されるはずです。ajax応答が機能するようになるまで、ホームページコントローラーに切り替えたことに注意してください.....
まあ...うまくいかなかったので、コーヒースクリプトの代替案を試しました：
<script>
$(document).ready ->
$("#ajaxstuffhere").on("ajax:success", (e, data, status, xhr) ->
$("#ajaxstuffhere").append "<p>RESPONSE</p>" //xhr.responseText
).bind "ajax:error", (e, xhr, status, error) ->
$("#ajaxstuffhere").append "<p>ERROR</p>"
</script>
これを html.erb ファイルの本文にドロップしました。ページがロードされたときに実行する必要があると思いますか？
いずれにせよ、data-remote="true" タグが ajax 要求を実行した場合、応答は ajaxstuffhere フィールドに "response" を追加する必要がありますが、そうではありません。ページは引き続きリロードされ、AJAX 応答が失われる可能性があります