Question

我试图在通过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 = $("<div class= 'result1'>" + result1 + "</div>");
                 $('#test1').append($res_html);

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

                  })
            }
      })
  });
});

我有一个div：

<div id= "test1"></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 =+"<div class= 'result1'>" + result1 + "</div>";
                })
                 $("#test1").html(res_html);
            }
        })
  });
});

在ror中显示div中的ajax响应

2 个答案: