如何在ajax请求后显示结果

Question

如何在ajax成功中显示我的结果，因此它显示返回结果并且不重新加载页面。

这是我的脚本---

<script> 
    $(document).ready(function() { 
     $("#searchform").on('submit', function (e) { 
      $.ajax({ 
       url: '/home', 
       type: 'post', 
       data: {contentSearch: $('#contentSearch').val()}, 
       success: function (data) { 
        $('table.my-data-table').dataTable({}) // the table 
        // here i want to show the result 
        // how can i show the result here 
        // i am passing the result as result in the twig file 
       } 
      }); 
      return false; 
     }); 
    }); 
</script> 

控制器我发送的结果像“结果” => $结果

return $this->render('AdminBundle:Home:home.html.twig', array(
     'pageTitle' => 'my ajax', 
     'result' => $result // result sending to twig file 
      ) 

所以，我怎么能显示通过Ajax的结果任何人都知道如何解决这个问题。

非常感谢。

Answer 1

使用event.preventDefault()来防止默认操作，以便页面不会重新加载。

$("#searchform").on('submit', function (event) { 
    event.preventDefault(); 
    // ... 
}); 

如果你接收到包含表数据，然后将它传递给数据属性上dataTable数据数组：

success: function (data) { 
    $('table.my-data-table').dataTable({ 
     data: data 
    }); 
    }