Question

我无法做以下事情:

在一页中,有表格;在我提交时,我想在数据库中插入一个记录,并隐藏这一表格,<>没有,重新上载。

形式如下:

<div class="slide-out-div">
    <% form_for @post, :url=> /posts/create , :remote => true do |f| %>
        <%= f.text_area :content %>
        <%= f.submit  submit  %>
    <% end %>
</div>

<>application.js 我有:

$(document).ready(function(){
    $("#new_post").submit(function() {
        var form = $(this);
        var url = form.attr("action");
        var cont = form["content"].value;
        var formData = form.serialize(); 
        $.post(url, formData, function(html) { 
            alert( Message sent );
            $(".slide-out-div").hide( fast );
        });
        return false;
    });
});

* 员额——控制员。

def create
    if !params[:post][:content].nil? and params[:post][:content].length>0
        @post = Post.new(params[:post])
        @post.save
    end
end

The problem is that after the record is inserted, the alert is not shown, and the page /posts/create is loaded (it s a blank page, because I didn t write anything in create.rb) I cannot use redirect_to, because I don t know what is the current page (the form will be on every page of the site). Anyway, I don t want to reload the page. (return false in submit() should not leave the page, but it does.) What could be the problem?

P.S.,我可以使用铁路3号,在那里,我看到有遥远的铁路。

Answer 1

$(document).ready(function(){
    $("#new_post").submit(function(e) {
        e.preventDefault(); <-- prevent the default form submission
        var form = $(this);
        var url = form.attr("action");
        var cont = form.find("name= post\[content\] ").val();
        var formData = form.serialize(); 
        $.post(url, formData, function(html) { 
            alert( Message sent );
            $(".slide-out-div").hide( fast );
        });           
    });
});

友情链接