遠程ajax請求中的問題

對不起，我使用rails 2.3.8。我在彈出窗口中有一個遠程表單。這使用JavaScript代碼提交帖子，因爲我需要在多部分帖子。好？遠程ajax請求中的問題

的部分，在彈出的形式是：

<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）;

so render：update不更新我的頁面。

注意：我正確保存產品。

爲什麼會出現此錯誤？

預先謝謝

來源

2011-02-23 maxiperez

在控制器

添加

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

然後根據內部

 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(); 
        }

功能jQuery中添加代碼

來源

2011-02-23 18:50:33 maxiperez

遠程ajax請求中的問題

回答

相關問題