using jquery in rails,jquery, rails,form,reset,escape,fn,plugin

jquery railscast
The jSkinny on jQuery
Myth #3: Rails forces you to use Prototype
jquery post
<br />$.post(url, data, callback, type) <br /><br />This is an easy way to send a simple POST request to a server without having to use the <br />more complex $.ajax function. It allows a single callback function to be specified that will <br />be executed when the request is complete (and only if the response has a successful <br />response code). The returned data format can be specified by the fourth paramater. If you <br />need to have both error and success callbacks, you may want to use $.ajax. $.post is a <br />(simplified) wrapper function for $.ajax.<br />
<br />//那要怎樣告訴controller 我們的format 是js勒 有兩種方法, 方法一<br /> $(document).ready(function(){<br /> $("#new_forum_comment form").submit(function(){<br /> $.post($(this).attr("action")+'.js', $(this).serialize(), null, "script");<br /> return false;<br /> })<br /> })
ajaxSetup
<br />//第二種就是在發出ajax 前 把header 設一設<br />//ajaxSetup: Setup global settings for AJAX requests.<br />jQuery.ajaxSetup({ <br /> 'beforeSend': function(xhr) {xhr.setRequestHeader("Accept", "text/javascript")}<br />})<br /><br /> $(document).ready(function(){<br /> $("#new_forum_comment form").submit(function(){<br /> $.post($(this).attr("action"), $(this).serialize(), null, "script");<br /> return false;<br /> })<br /> }) <br />#comment controller<br /> def create<br /> @forum = params[:model].constantize.find(params[:id])<br /> params[:comments][:user_id] = @me.id<br /> if @forum.comments.create(params[:comments]) && @forum.is_a?(Forum)<br /> @forum.last_comment_time = @forum.comments.last.created_at<br /> @forum.save<br /> end<br /> <br /> @comment = @forum.comments.last<br /><br /> respond_to do |format|<br /> format.html {redirect_to :back}<br /> format.js<br /> end<br /> end
escape_javascript
form reset
<br />#create.js.erb<br />#rjs 是 prototype在用的, 這邊是jquery 所以不能用<br />#記得把 form reset 清空<br />$("#comments_list").append("<%= escape_javascript(render :partial => 'shared/comments', :locals => {:comment =>@comment })%>");<br />$("#new_forum_comment form")[0].reset();
jquery fn
<br />jQuery.fn.submitWithAjax = function() {<br /> this.submit(function() {<br /> $.post(this.action, $(this).serialize(), null, "script");<br /> return false;<br /> })<br />};<br /><br /> $(document).ready(function(){<br /> $("#new_forum_comment form").submitWithAjax();<br /> })