Javascript 页面加载后加载mysql查询

Javascript 页面加载后加载mysql查询,javascript,Javascript,我有一些非常大的查询,我只希望在页面加载完成后运行这些查询 这就是我尝试过的 <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript"> $(window).load(function() { $("

我有一些非常大的查询,我只希望在页面加载完成后运行这些查询

这就是我尝试过的

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(window).load(function() {
            $("#query").load("sql-query.php");
        });
    </script>
</head>

<div id="query">Loading...</div>
这个想法是在页面加载后返回查询数据。

我建议在

版本不匹配


这是由于在此JQuery版本中进行了一些更改

换衣服

$(窗口).load(函数(){})

$(窗口).on(“加载”,函数(e){})并保持其余部分不变


有关更多详细信息,请参阅

@Amani,我是Javascript和Ajax新手,我该怎么做,或者你能让我参考一些文档吗,谢谢你的帮助你可以使用
jQuery.ready()
而不是
.load()
我重新构建了你的案例,我得到了这个错误:
TypeError:a.indexOf不是一个函数
所以你的问题是jQuery版本。。您不能再使用
$(window.load(function(){})使用
$(窗口)。在(“加载”上,函数(e){}
改为-->请参阅:谢谢,如果我调用的是html文件,而不是php文件,这项工作就完成了
$data = DB::table('tapplicant')->limit(5000)->get();
var_dump($data);
 $( document ).ready(function() {
     $.get( "sql-query.php", function( data ) {
         $( "#query" ).html( data );
     });
 });
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript">
        /*
        $( window ).load(function() {
          $("#query").load("sql-query.php");
        });         
        */
        $(window).on('load', function(){ 
            $("#query").load("sql-query.php");
        });
    </script>
</head>

<div id="query">Loading...</div>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#query").load("sql-query.php");
        });
    </script>
</head>

<div id="query">Loading...</div>