Question

我尝试使用textextjs创建标签表单但是我在另一个ajax成功提交后使用ajax调用新数据时遇到问题

这是我调用json的代码

var tagload =   $('#textarea')
    .textext({
        plugins : 'autocomplete filter tags ajax',
        ajax : {                
            url: "<?= base_url() ?>admin_ajx/tags_ajx/data_tags",
            dataType : 'json',
            cacheResults : true
        }
    });

这是我的代码，用于向json提交新数据

        $(document).ready(function(){  
           $(".save_new_tags").click(function(){
                var data = $('.add_new_tags').serialize();
                $.ajax({
                            type: 'POST',
                            url: "<?= base_url() ?>admin_ajx/tags_ajx/add_tags",
                            data: data,
                            success: function() {                                                                             
                            $(".add_new_tags")[0].reset();
                            alert("Post Success!");                                
                            tagload.ajax.reload();
                        }                                    
                    });
                });
            });

如何加载新数据，成功后提交新数据

我认为问题出在这里 cacheResults：是

我还在寻找解决方案

Answer 1

在tagload中返回的jQuery选择上没有AJAX属性。

将cacheResults属性设置为true的示例假定the backend is returning all possible results。

由于您允许更新可能的值，因此不再是这种情况。

删除cacheResults选项或将其设置为false应该会更新标签建议。

您还可以将cacheResults选项设置为true，并在使用Textext来获取标记后更新$.ajax实例上的建议。

var opts = {                
  url: "<?= base_url() ?>admin_ajx/tags_ajx/data_tags",
  dataType : 'json',
  cacheResults : true
}

var tagload = $('#textarea')
    .textext({
      plugins : 'autocomplete filter tags ajax',
      ajax : opts
    });

$(document).ready(function(){  
   $(".save_new_tags").click(function() {
     //...

      $.ajax(opts).done(function(suggestions) {
         var textExts = $('#textarea').textext()[0]
         textExts.ajax()._suggestions = suggestions
     });
  });
});

在ajax提交成功后加载json数据

1 个答案: