JS 文件未通过 ajax 调用加载

Question

所以我正在做的是，当有人点击搜索按钮时，它会通过 ajax 调用加载轮播的 html 代码，该代码位于另一个文件中并位于 <div id="filter_product"></div> 下.它是 css 并且 js 链接在我进行 ajax 调用的文件的页眉和页脚中。我只调用 html 轮播。让我给你看我的代码

ajax来电是

                function submit() {
              $.ajax({
                method: "POST",
                url: "<?php echo base_url() ?>public_controller/search_product",
                dataType:'html',
                data: {color:color, year:year, cat:cat, brand:brand, model:model},
                success: function(data){
                  console.log(data);
                    $('#filter_product').html(data);
                }
              });
            }
            $(document).on('click','#serch_btn',function(){
              submit();
            })

控制器代码是

  public function search_product(){
$data['cat'] = $this->input->post('cat');
$data = $this->load->view('public/result_product',$data,TRUE);
echo $data;}

如果我不通过 ajax 调用调用轮播代码，而只是将其放在 index.php 中，它就可以正常工作。但是当我通过 ajax 调用代码时，它的 js 文件不工作并且显示被扰乱但是 html 加载正常。有什么办法可以解决这个问题。提前致谢

Answer 1

函数名称提交is reserved。你不能使用它。尝试重命名它。

建议：在PHP方法中不需要回显，base_url()可以在下一个方法中使用

public function search_product(){
    $data['cat'] = $this->input->post('cat');
    $this->load->view('public/result_product',$data);
}
//////////////////////////////////////////////////////////
url: "<?= base_url('public_controller/search_product') ?>",

在 AJAX 请求成功函数中的 $('#filter_product').html(data); 之后添加行 $('#filter_product').owlCarousel();。

JS 文件未通过 ajax 调用加载

JS file not loading via ajax call

php

jquery

ajax

codeigniter

owl-carousel