javascript - 如何在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> 

在 Controller 中，我发送结果，如 'result' => $result

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
     });
   }