我有两个视图main.php和details.php。 main.php中 ,有很多内容,并且在每个内容下都有一个“ 查看更多 ”按钮。 如果有人点击查看更多 ,则ajax调用将动态地从details.php加载其余内容,这将从数据库中获取内容ID的数据。 这是details.php中的列表样式视图。 在main.php的标头中,我的主脚本文件包含此代码段,以从details.php获取数据-

$('.view_more').click(function(e) {
  $.ajax({
  type: 'POST',
  url: '/path/to/my/controller/method',
  dataType: 'html',
  success: function (html) {
   $('#details_container').html(html);
  }
});
});

数据正在完美加载。 但是问题是在details.php中有一个添加内容按钮,以及已经动态加载的每个内容都无法正常工作。 内容添加脚本位于main.php中添加的main.js中。 但是我必须添加此特定的jQuery代码片段,以在details.php中添加内容,否则它将无法正常工作。 因此,每当单击更多视图时,它就会返回html数据以及用于添加内容的代码。 这根本是不希望的。

如何解决这个问题? 请帮忙。 提前致谢。

这是添加内容的代码。

<script type="text/javascript">
$('.add_this').click(function(){

      var t = jQuery(this);
  var id_add = t.attr("id");
  var content_category_id = t.attr("rel");
  var add_content_id = id_add.substring(id_add.indexOf('_')+1);
  var content_creator_id = t.attr("data-clip-id");

  $.ajax({
            type: "POST",
            url: "/path/to/my/controller/method",
            data: add_content_id,
            cache: false,
            success: function(response){
                if(response)
                {
                    $("#"+id_clip).text("Clipped");
                }
            }
        });
        });
      </script>

我想再次添加,但是我能够添加内容,但是我必须将此代码段嵌入到我不想做的details.php中。 我需要从主脚本文件运行。

===============>>#1 票数:1

这应该工作:

$(document).on('click','.add_this',function(){
  var t = jQuery(this);
  var id_add = t.attr("id");
  var content_category_id = t.attr("rel");
  var add_content_id = id_add.substring(id_add.indexOf('_')+1);
  var content_creator_id = t.attr("data-clip-id");

  $.ajax({
        type: "POST",
        url: "/path/to/my/controller/method",
        data: add_content_id,
        cache: false,
        success: function(response){
            if(response)
            {
                $("#"+id_clip).text("Clipped");
            }
        }
    });
    });

  ask by user3177114 translate from so

未解决问题?本站智能推荐:

1回复

AJAX无法在Codeigniter中加载同一DIV中的页面

我正在尝试在codeigniter中开发简单的CMS。在主视图中,有几个指向其他页面的链接,但我希望所有页面在指定DIV内的同一视图中打开,而不必为每个页面加载(AJAX LOADING)。 我尝试使用AJAX调用来实现此目的,但很累找出它为什么对我不起作用。 每当我单击链接时,都只需从作为
1回复

Codeigniter中的jQuery Ajax不返回任何内容

这是我在控制器函数show_data()中的功能{返回“这是我”; } 这是我的看法: 控制台说为什么empty string returned ?
1回复

加载的Ajax页面中的Codeigniter分页

PS。 我知道有很多答案,但是它们似乎太复杂了,我只是具有语义UI的codeigniter和jquery的初学者,所以我在Web开发中遇到了困难。 我想知道如何从加载了ajax函数的页面的代码中实现分页。 我发现将Ajax与codeigniter结合起来非常困难,而且我不是一个非常熟练
1回复

CodeIgniter Ajax重新加载页面问题

我的页面上有ajax分页,目前可以检查会话是否存在并进行相应处理。 但是,如果会话已过期,我似乎无法删除菜单或正确重新加载页面。 仅保留菜单,登录页面显示在表所在的小区域中。 我希望有人能帮帮忙。 控制器代码 我的JS代码放在视图中
1回复

通过单击锚,codeigniter更改内容而不刷新页面

我只需要更改网页内容,而无需刷新页面, 视图 该链接位于我的导航栏上,当我单击该链接时,我需要更改内容,需要将ID传递给我的控制器, 控制者 并且结果数组中的数据应该在视图内容中查看,我需要ajax soution
3回复

删除后加载Ajax活动页面(ajax,codeigniter)

你好,我在这里有问题.. 我打算使用Ajax和codeigniter删除记录。.但是当数据库中的记录删除时,视图不会改变..我认为它需要实时页面加载,但是不知道如何。 这是我的看法。 这是我的模特 我的控制器
3回复

如何在Codeigniter中使用Ajax jQuery将页面重定向到另一个页面?

正在使用codeigniter,正在使用购物车。 使用ajax jquery选择要购物的商品后。 在这里,物品菜单和购物车表格将并排显示。 现在,我的任务是通过单击按钮将购物车项目复制到另一个表中,此操作已完成。 现在的问题是单击按钮,我需要复制,一次我需要路由到另一个页面。.在这里
1回复

从视图到控制器codeigniter打印值,ajax onchange而不加载页面

我想使用条件视图与视图的CodeIgniter中的值而不加载页面。 我试过跟踪错误,我放弃了,我不知道,这是什么错误 jquery ajax: HTML: 控制器:
2回复

CODEIGNITER:模态表单在不加载页面的情况下插入数据

我想创建一个Bootstrap模式,在该模式下,用户无需使用页面刷新即可填充借助jQuery AJAX插入数据库中的数据,但是我不知道该怎么做。 有人说我将使用ajax,但是我对如何在代码中使用ajax感到困惑。 我对ajax一无所知,所以请帮助我 视图: 控制器:
2回复

使用jQuery的Codeigniter中的Ajax

我有一个叫Time控制器 此控制器输出当前时间,并通过在视图中使用以下代码加载。 可以看出只有html响应才可以使用,但如果我想让Time控制器返回数组,对象甚至变量等怎么办呢?