Question

对不起，我正在使用rails 2.3.8。我在弹出窗口中有一个远程表单。这使用javascript代码提交帖子，因为我需要在multipart中的帖子。 OK？

弹出窗口中的部分表单是：

<script type="text/javascript">
    $j(document).ready(function() {
        $j('#product_submit').click(function(event) {
            event.preventDefault();
            $j('#uploadForm').ajaxSubmit({
                beforeSubmit: function(a, f, o) {
                    o.dataType = 'json';
                },
                complete: function(XMLHttpRequest, textStatus) {
                    // XMLHttpRequest.responseText will contain the URL of the uploaded image.
                    // Put it in an image element you create, or do with it what you will.
                    // For example, if you have an image elemtn with id "my_image", then
                    //  $('#my_image').attr('src', XMLHttpRequest.responseText);
                    // Will set that image tag to display the uploaded image.
                }
            });
        });
    });
</script>
<div id="new-starred-product" class="popup clearfix">
  <div class="header">Nuevo producto estrella</div>
  <div id="messages">

  </div>
  <% remote_form_for @product, :url => {:controller => "products", :action => "create_starred_product"}, :html => {:method => :post, :id => 'uploadForm', :multipart => true} do |f| %>
      <div class="content">
        <label>Nombre:</label> <%= f.text_field :name, :class => "textarea" %>
        <br/>
        <label>Precio:</label> <%= f.text_field :price, :class => "textarea" %>
        <br/>
        <%#= f.file_field :photo %>
        <div class="images-selector">

          <% count = 0 %>
          <%# f.fields_for "product_images_attributes[]", ProductImage.new do |builder| %>
          <% f.fields_for :product_images, 4.times { ProductImage.new } do |builder| %>
              <% if builder.object.new_record? %>
                  <label>
                    Imagen <%= "#{count = count + 1}" %>
                  </label>
                  <%= builder.file_field :photo, :class => "file-upload" -%>
                  <br/>
                  <br/>
              <% end %>
              <%#= builder.text_field :testfield %>
              <!--ACA VA EL CODIGO PARA IMAGENES-->
          <% end %>
        </div>
        <br/>
        <label>Descripción</label><%= f.text_area :description, :rows => 10, :class => "textarea clearfix" -%>
        <br/>

        <p>
          <%#= f.submit "Crear" %>
          <%= link_to "Crear", "#", :id => "product_submit" %>
        </p>
      </div>
  <% end %>
</div>

我的控制器

  def create_starred_product
    product = Product.new(params[:product])
    if product.valid? && product.save
      render :update do |page|
        #puts in the page the name of product
        page.replace_html 'star-product', :partial => "admin/products/star_product_name", :locals => {:star_product => product}
        #Close the popup. I use $j for conflict between JQuery and Prototype
        page.call "$j.modal.close"
      end
    else
    end
  end

然而，当完成操作时，我在firebug控制台中出现此错误：

s.error.call（s.context，xhr，'error'，e）;

所以渲染：更新不要更新我的页面。

注意：我正确保存了产品。

为什么会出现这种错误？

提前感谢

Answer 1

在控制器添加

respond_to do |format|
  format.js { render :json => product }
end

然后根据

中的功能在jQuery中添加代码

      complete: function(XMLHttpRequest, textStatus) {
                        // XMLHttpRequest.responseText will contain the URL of the uploaded image.
                        // Put it in an image element you create, or do with it what you will.
                        // For example, if you have an image elemtn with id "my_image", then
                        //  $('#my_image').attr('src', XMLHttpRequest.responseText);
                        // Will set that image tag to display the uploaded image.
                        //HERE ADD YOUR CODE FOR UPDATE PAGE EXAMPLE
                        //parseJson my data  
                        var product = $j.parseJSON(XMLHttpRequest.responseText);
                        //add info in page in rails is render :update
                    $j("#star-product").html("<input type='hidden' id='star-product-id' value='" + product.product.id.toString() + "' name='star-product'/>");
                    $j("#star-product").append("<span id='star-product-name-span'>"+ product.product.name.toString() + "</span>");
                    //close the modal
                    $j.modal.close();
                    }

远程ajax请求中的问题

1 个答案: