在ror中显示div中的ajax响应

我试图通过ajax按下按钮后使用下拉列表的值显示db中的数据。 这是我的ajax代码：

$(function () { $("button").click(function(){ var value2 = $('select#dropdown option:selected').val(); $.ajax({ type: "GET", dataType: "json", url:"/mycontroller/action2", data: {data1: value2 }, success:function(result1){ console.log(result1); result1.forEach(function(){ $res_html = $("
" + result1 + "
"); $('#test1').append($res_html); $("#test1").text(result1); }) } }) }); }); 

我有一个div：

我的问题是我无法在ror中的div标签中显示数据。

提前致谢。

Answer 1

正确的语法应该是：

 $("#test1").html(result1); 

Answer 2

在此行中添加＃

 $("test1").text(result1); 

并使用.html附加html

  $(function() { $("button").click(function(){ var value2 = $('select#dropdown option:selected').val(); $.ajax({ type: "GET", dataType: "json", url: "/mycontroller/action2", data: { data1: value2 }, success: function(result1){ console.log(result1); var res_html = ""; result1.forEach(function(){ res_html =+"
" + result1 + "
"; }) $("#test1").html(res_html); } }) }); });