Question

I have this function in my controller:

def showRecipeIngredients
    ingredients = RecipeIngredient.where( "recipe_id = ?", params[:id]).all
    @html = ""
    ingredients.each do |i|
        @html = @html + "<p>#{Food.find_by_ndb_no(i.ndb_no).long_desc} - #{i.quantity} #{i.units}</p>"
    end


# value of @html: <p>Cheese, parmesan, grated - 6.0 cup</p><p>Cheese, port de salut - 8.0 cup, diced</p><p>Salad dressing, russian dressing, low calorie - 45.0 tablespoon</p>

    result = @html
    render( :json => result )
end

And I’m making this AJAX call:

 $(".recipe_ids").click(function() {

    var id = parseInt( $(this).attr('id').substring(11) );

    alert("THIS ID: " + id);

    $.get( "/recipes/showRecipeIngredients?id="+id, function(result) {

 //things get weird over here
        var obj = jQuery.parseJSON(result);
        var obj2 = <%= @html %>

        $("#search_results").html(result);
    }

 );

It’s going through the controller function fine, but for some reason, I’m not getting back the HTML I want from the call. I’m getting nothing at all. Can someone help me out?

Answer 1

if you are sending html in the resp then set the dataType accordingly

$.get( "/recipes/showRecipeIngredients?id="+id, function(result) {

        //no need to parse json if its not json
        //var obj = jQuery.parseJSON(result);
        var obj2 = <%= @html %>

        $("#search_results").html(result);
    },'html');//<-- set the dataType