文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在CodeIgninter中使用AJAX函数更改网页数据

问如何在CodeIgninter中使用AJAX函数更改网页数据
EN

Stack Overflow用户

提问于 2019-03-03 19:20:36

回答 1查看 44关注 0票数 4

我使用CodeIgniter作为我的web框架，并从控制器，我是第一次使用$this->load->view('Apartments_Hotels', $data加载数据。但是现在我需要使用视图中的ajax函数重新加载页面中的新数据。

视图中的Ajax函数

$(document).ready(function() {
    $(".filter_checkbox").click(function(){
        var filter = [];
        $.each($("input[name='filter']:checked"), function(){
            filter.push($(this).val());
        });
        $.ajax({
            async: false,
            type: 'POST',
            data: {
                filter: filter
            },
            url: "<?php echo base_url(); ?>index.php/ListingsController/showFilterListings",
            success: function (response) {

            }
        });
    });
});

控制器功能

public function showFilterListings(){echo $this->load->view('Apartments_Hotels', $data, TRUE);

}

但这不管用。有人能帮我一次又一次地使用ajax函数加载视图吗？

json

ajax

codeigniter

php

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-03-03 21:49:58

从你最初的帖子中，我不明白什么是“不起作用”。

您已经知道如何显示视图(通过调用控制器)。您已经知道如何使用Ajax (从服务器获取信息)，以及如何使用jQuery (操作浏览器为视图呈现的DOM )。

问题是您不想刷新整个页面。使用当前的Ajax调用，这似乎正是您正在做的事情。

解决办法是：

对于初始显示，让您的CI控制器返回一个视图-与您已经在做的完全一样。
视图将有一个"$(document).ready()“操作处理程序，它将进行Ajax调用--就像您已经在做的那样。
向视图中添加一个<div id="xyz"...>标记，以便从服务器接收“刷新数据”。
Ajax调用将调用不同的URL --返回JSON数据的URL --要“刷新”的数据。
Ajax处理程序将( a)解析响应中的JSON，然后使用它更新DOM中的<div>。

下面是一些示例：

使用AJAX仅重新加载一个Div

让jQuery AJAX修改这个文本

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54972751

复制

相似问题

问如何在CodeIgninter中使用AJAX函数更改网页数据
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在CodeIgninter中使用AJAX函数更改网页数据EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在CodeIgninter中使用AJAX函数更改网页数据
EN