将值从ajax传递给body html

Question

我可以从ajax获取值到body html吗？ 这是我的例子：

function check() {
        $.ajax({
            url : '/check',
            datatype : 'json',
            async : false,
            success : function(status) {
                console.log(status)
                #example: status = "abcdefgh"
            },
        });
    }

$(document).ready(function() { 
  setTimeout(check, 3000);
});

在html中，我想在身体中获得状态（=“abcdefgh”），如下所示：

<div class="medium-6 medium-centered row">
    <div class="medium-10 medium-centered columns">
       #I put status in to this: 
       <% @files = Dir.glob("app/assets/images/status/*.*") %>
    </div>
</div>

我试着这样做：

<p> <%= status %> </p>

但它不起作用。 所以，请！ 告诉我如何在ajax调用中获取状态

Answer 1

用这个

function check() {
        $.ajax({
            url : '/check',
            datatype : 'json',
            async : false,
            success : function(status) {
                  $(".medium-10 >p").html(status);
            },
        });
    }

Answer 2

使用这个你需要通过使用div中的columns找到该类，并将你的回调html放在p标签中，如$('.columns > p').html(status);

function check() {
        $.ajax({
            url : '/check',
            datatype : 'json',
            async : false,
            success : function(status) {
                console.log(status)
                #example: status = "abcdefgh"
            $('.columns > p').html(status); //use this
            },
        });
    }

Answer 3

在你的成功

 success : function(status) {
                console.log(status)
                #example: status = "abcdefgh"
                $('p').html(satus);
            },

Answer 4

success : function(status) {
    console.log(status)
    #example: status = "abcdefgh"
    // way 1:
    $(".columns").prepend(status);
    // way 2:
    // if you wanted status inside a P tag
    $(".columns").prepend("<p>" + status + "</p>");
},

方式1将输出：

<div class="medium-10 medium-centered columns">
   abcdefgh 
   <% @files = Dir.glob("app/assets/images/status/*.*") %>
</div>

方式2将输出：

<div class="medium-10 medium-centered columns">
   <p>abcdefgh</p>
   <% @files = Dir.glob("app/assets/images/status/*.*") %>
</div>