Question

我有一个简单的代码可以通过ajax进行申请。

  <script type="text/javascript" src="{{ url_for('static', filename='jquery-2.2.4.min.js') }}"></script>
  <script type="text/javascript">
  $(document).ready(function() {
    $('form').submit(function (e) {
      var url = "{{ url_for('ajaxPage') }}"; 
      $.ajax({
        type: "POST",
        url: url,
        data: $('form').serialize(), 
        dataType:'json',        
        success: function (data) {
                  var text= "Anything here!"; 
                  $('div.panel-body').html(text); //Not Working
                  $('div.panel-body').text(text); //Not Working
                  $('div.panel-body').append(text); //Not Working
                  alert(text); //Working
                  console.log(text); //Working

                }
            });
            e.preventDefault(); 
        });

      }); 
  </script>

这里的身体布局：

<body>
  <div class="panel-body"> // Waiting content </div>
</body>

Ajax运行正常，我可以使用console.log查看警报的数组，但不能使用 HTML（），TEXT（）和APPEND（）。我的错误在哪里？我已经更改了JS文件，并在其他页面使用了相同的代码，效果很好！

更新

我的网络页面

更新正文页面

<div class="input-group">
          <form method="POST" name='form'>
             <input type="text" name="inputxt" class="form-control" size="20">
           <button type="submit">Search</button>            
          </form>   
          </div>

<div class="panel-body">  

</div>

Answer 1

我重新创建了此页面，问题是DIV中的CSS。

jQuery：HTML，文本和附加功能不起作用

更新

1 个答案: