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>

在控制器中我发送的结果如＆＃39;结果＆＃39; =＆GT; $结果

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

如何在ajax中进行requst后显示结果

1 个答案: