JQuery ajax操作，怎么让页面首次加载时就呈现所有数据

Posted 2023-04-11

单独 把 $('#btnSearch").click(包含的内容写函数)
这个括号的内容,如:

function search()
//获取.用户名
................
...........................


然后在
$(function ()
search();

);

这样就行了.

简单的说,就是把里面单独弄出来. 然后二,再让他自动执行函数 参考技术A 在script标签中加入

$(document).ready(function(e)
$('#btnSearch').click();
);

当网页加载完全的时候自动运行一次点击事件追问

还是没效果



追答

你放在了函数中……

$(document).ready(function(e)
$('#btnSearch').click();
);
//以下是你的代码
$(function()
//……
);

$(document).ready(function(e) //这句的意思是在文档加载完毕的时候运行，jquery自动运行的函数建议写在这个方法里
$('#btnSearch').click(); //这个的意思是执行点击事件
);

本回答被提问者采纳 参考技术B 把你这里的click事件改成以下：
$('#btnSearch').bind('click',function()
.....
)
然后用trigger来激活事件：
$('#btnSearch').trigger('click'); 参考技术C 你是不是想多了，第一次加载就显示数据，还有必要用ajax么？直接把集合传到页面，遍历不就行了追问

要用AJAX实现异步取数据。但是我想实现在加载的时候显示数据。总不能加载的时候什么都不显示

追答

第一次就要显示数据，你觉得还有必要用异步吗？

追问

我这个要求是异步检索数据，我奇想怎么在加载的时候显示点数据，我只是问问这个怎么可以简便的实现。我只是觉得刚刚加载在页面什么也没有，觉得体验不好

追答

其实异步加载也很快了，除非你加载的数据特别多，如果加载的数据特别多，建议你用分页查询去检索数据；每页显示数据不要太多，基本一瞬间就出来了，没必要像你说那样“显示点数据”。

WEB前端开发 使用requirejs 引入脚本为啥页面首次加载会出现其他依赖jquery的文件先于jquery加载

WEB前端开发 使用requirejs 引入脚本为什么页面首次加载会出现其他依赖jquery的文件先于jquery加载的情况，require不就是解决文件加载顺序问题的吗？我在html页面引入require之前引入jquery 能解决这个问题，可是要引入两次。一般是什么情况造成的？
做过shim处理，<script src="require.js" defer async="true" data-main="config" ></script>做过处理也放到页面最后了但是还是不行，必须重复引入jquery才能解决。
现在1.在引入requirejs之前重复引入jquery
<script src="lib/jquery-3.0.0.min.js" defer async="true" ></script><script src="require.js" defer async="true" data-main="config" ></script>
2.require(["jquery",'a','c'],function($,a,c)//功能代码，把jquery放在第一个依赖文件

刷新稳定了，显示没有问题，可是requirejs不就是解决脚本加载顺序问题的吗？？？？？是哪里用错了？

<script src="require.js" defer async="true" data-main="config" ></script>

async 属性表明这个文件需要异步加载

data-main属性的作用是，指定网页程序的主模块。data-main 下的文件会第一个被require.js加载。由于require.js默认的文件后缀名是js，所以可以把config.js简写成config。

在项目里依赖于jquery进行开发，先在require.config里配置好jquery路径。jquery提供了require的支持，像下面这样就可以引用jquery模块了;

参考技术A

举个例子

js：

function testAsync()
    var temp;
    $.ajax(
        async: false,
        type : "GET",
        url : 'tet.php',
        complete: function(msg)
            alert('complete');
        ,
        success : function(data) 
            alert('success');
            temp=data;
        
    );
    alert(temp+'   end');

async: false,（默认是true）;
如上：false为同步，这个 testAsync()方法中的Ajax请求将整个浏览器锁死，
只有tet.php执行结束后，才可以执行其它操作。

当async: true 时，ajax请求是异步的。但是其中有个问题：testAsync()中的ajax请求和其后面的操作是异步执行的，那么当tet.php还未执行完，就可能已经执行了 ajax请求后面的操作，
如： alert(temp+'   end');
然而，temp这个数据是在ajax请求success后才赋值的，结果，输出时会为空。

参考技术B 你jquery，a，c之间并没有依赖关系，上面定义的依赖应该是a，c对jquery的依赖