Javascript Ajax在第一次调用时很好地加载库,但在第二次Ajax调用时不加载库

Javascript Ajax在第一次调用时很好地加载库,但在第二次Ajax调用时不加载库,javascript,jquery,ajax,laravel,Javascript,Jquery,Ajax,Laravel,我试图制作一个导航栏,单击菜单将从ajax加载内容,视图加载了第一次调用中包含的库。但在第二次通话中,情况并非如此 在网络上: 在第一次通话中: 请求URL: 在第二次通话中: 请求URL: 正如您在第二次通话中看到的,它丢失了id?这会是问题吗 提前谢谢,我的英语很抱歉 以下是ajax调用: 功能加载页面详细信息(id) { $('.loading').show(); $.ajax({ url:“{route($ajaxPath)}}”, 方法:“张贴”, 数据:{id:id}, async:

我试图制作一个导航栏,单击菜单将从ajax加载内容,视图加载了第一次调用中包含的库。但在第二次通话中,情况并非如此

在网络上:

  • 在第一次通话中: 请求URL:

  • 在第二次通话中: 请求URL:

  • 正如您在第二次通话中看到的,它丢失了id?这会是问题吗

    提前谢谢,我的英语很抱歉

    以下是ajax调用:

    功能加载页面详细信息(id)
    {
    $('.loading').show();
    $.ajax({
    url:“{route($ajaxPath)}}”,
    方法:“张贴”,
    数据:{id:id},
    async:false,
    标题:{
    'X-CSRF-TOKEN':'{{CSRF_TOKEN()}}'
    },
    成功:功能(数据){
    $('page_details').html('';
    $(“#第#页详细信息”).hide();
    $('u#page_details').html(数据);
    $(“#第#页详细信息”).show();
    $('.loading').hide();
    },
    错误:函数(jqXHR、textStatus、errorshown){
    log('jqXHR:');
    console.log(jqXHR);
    log('textStatus:');
    console.log(textStatus);
    log('error抛出:');
    console.log(错误抛出);
    }
    });
    }
    
    $(文档).on('click',“.nav li ul li”,函数(e){
    e、 预防默认值();
    var page_id=$(this.attr(“id”);
    加载页面详细信息(页面id);
    });
    
    ajax正在调用的方法:

    私有函数getData($type\u name)
    {
    如果(isset($_POST[“id”])){
    $reports=$this->contextObj::select(['source'])
    ->其中(['id'=>$\u POST[“id”],]))
    ->得到()
    ->第一(;;
    $class=trim(“App\\”$type\u name.\\”$reports['source']。“\\”$reports['source'],“”);
    //检查类名是否存在以避免出现错误,并显示错误消息
    如果(类_存在($class)){
    $report=new$class();
    $report->run();
    echo$report->render();
    }否则{
    “回声”。
    "".
    "".
    "".
    "".
    "".
    “

    ”。 “错误!无数据显示!

    ”。 "". ""; } } }
    KoolReport中的视图显示该方法正在引用:

    
    .颜色{
    表布局:固定;
    单词包装:打断单词;
    字体大小:13px;
    }
    员工记录
    

    显示所有员工记录,包括被解雇的员工。
    请选择您的标准,并在您满意时单击“开始”。

    开始日期 .... .... .... ....
    第二次呼叫时,我收到以下控制台错误:

    TypeError:this.origin(…).daterangepicker不是函数 在新的DateRangePicker上(DateRangePicker.class.js:25) 时间:3:19 在评估时(在globalEval的评估(jquery.js:343),:105:25) 在Array.forEach()处 在Object.checkScriptsAndCallback(globalEval(jquery.js:343),:102:20) 在Object.js(globalEval的eval(jquery.js:343),:43:14) 在Object.eval上(在globalEval上的eval(jquery.js:343),:37:22) 在评估时(在globalEval的评估(jquery.js:343),:105:25) 在Array.forEach()处 在Object.checkScriptsAndCallback(globalEval(jquery.js:343),:102:20)
    根据你提供的细节,回答你的问题不是很清楚。但我会要求你们交叉核对一些要点,并进行核对。你可以解决这个问题

  • daterangepicker不是一个函数只是说您正在使用daterangepicker,但请检查DOM中是否存在该库
  • 或/用window.jQuery替换$
  • 或者/检查是否缺少从ajax为新添加到dom中的html初始化daterangepicker

  • 请同时共享html部分。检查您的ajax选项是否url正在格式化correct@NegiRox谢谢,请看ajax选项。您是否在js中使用daterangepicker函数? TypeError: this.origin(...).daterangepicker is not a function at new DateRangePicker (daterangepicker.class.js:25) at :3:19 at eval (eval at globalEval (jquery.js:343), :105:25) at Array.forEach () at Object.checkScriptsAndCallback (eval at globalEval (jquery.js:343), :102:20) at Object.js (eval at globalEval (jquery.js:343), :43:14) at Object.eval (eval at globalEval (jquery.js:343), :37:22) at eval (eval at globalEval (jquery.js:343), :105:25) at Array.forEach () at Object.checkScriptsAndCallback (eval at globalEval (jquery.js:343), :102:20)