javascript - 如何在不刷新页面的情况下重新加载 Grocery 网格

Question

我是 Grocery 店的新手，

我不知道如何在不刷新页面的情况下重新加载 Grocery 网格。

目前我已经用ajax重新加载了所有页面

    $.ajax({
        type:'POST',
        url: "<?php echo base_url() ?>user/user_function/"+dash_id,
        success: function(responses) {
            location.reload(); 
        }
    });

我需要做些什么才能使这项工作成功？谢谢!

Answer 1

创建一个具有网格格式的 View ，并从“return”参数 = TRUE 的方法加载它；

然后，在ajax调用的响应中返回此内容并将其加载到div中:

在 View 中，更改响应操作:

<script>
$.ajax({
    type:'POST',
    url: "<?php echo base_url() ?>user/user_function/"+dash_id,
    success: function(responses) {
        $('#result').html(responses); 
    }
});
</script>

<div id="result"></div>

在 Controller 的方法中，执行以下操作:

class User extends CI_Controller
{
    public function user_function($dash_id)
    {
        $data_to_grid = array();
        ... // do your code and populate a $data array

        $result = $this->load->view('View_name', $data_to_grid, TRUE);

        header('Content-type: text/html;charset=utf-8');
        echo $result;
        return;
    }
}

希望有帮助。