php 判断页面加载完,所有ajax执行完且页面加载完判断
jquery ajax&load 方法导致 js效果不显示或显示后由于加载后ajax 重新布局页面导致效果错误。
解决思路:需要在ajax get post 或 load 等执行完后再去执行方法就不会由于他们没执行完导致的最终错误。
那么首先看load 方法定义:jQuery ajax - load() 方法
jQuery Ajax 参考手册
实例
使用 AJAX 请求来改变 p 元素的文本:
$("button").click(function(){
$("p").load('demo_ajax_load.txt');
});
亲自试一试
您可以在页面底部找到更多 TIY 实例
定义和用法
load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。
注释:还存在一个名为 load 的 jQuery 事件方法。调用哪个,取决于参数。
语法
load(url,data,function(response,status,xhr))
参数 描述
url 规定要将请求发送到哪个 URL。
data 可选。规定连同请求发送到服务器的数据。
function(response,status,xhr)
可选。规定当请求完成时运行的函数。
额外的参数:
response - 包含来自请求的结果数据
status - 包含请求的状态("success", "notmodified", "error", "timeout" 或 "parsererror")
xhr - 包含 XMLHttpRequest 对象
详细说明
该方法是最简单的从服务器获取数据的方法。它几乎与 $.get(url, data, success) 等价,不同的是它不是全局函数,并且它拥有隐式的回调函数。当侦测到成功的响应时(比如,当 textStatus 为 "success" 或 "notmodified" 时),.load() 将匹配元素的 HTML 内容设置为返回的数据。这意味着该方法的大多数使用会非常简单:
$("#result").load("ajax/test.html");
如果提供回调函数,则会在执行 post-processing 之后执行该函数:
$("#result").load("ajax/test.html", function() {
alert("Load was performed.");
});
上面的两个例子中,如果当前文档不包含 "result" ID,则不会执行 .load() 方法。
如果提供的数据是对象,则使用 POST 方法;否则使用 GET 方法。
加载页面片段
.load() 方法,与 $.get() 不同,允许我们规定要插入的远程文档的某个部分。这一点是通过 url 参数的特殊语法实现的。如果该字符串中包含一个或多个空格,紧接第一个空格的字符串则是决定所加载内容的 jQuery 选择器。
我们可以修改上面的例子,这样就可以使用所获得文档的某部分:
$("#result").load("ajax/test.html #container");
如果执行该方法,则会取回 ajax/test.html 的内容,不过然后,jQuery 会解析被返回的文档,来查找带有容器 ID 的元素。该元素,连同其内容,会被插入带有结果 ID 的元素中,所取回文档的其余部分会被丢弃。
jQuery 使用浏览器的 .innerHTML 属性来解析被取回的文档,并把它插入当前文档。在此过程中,浏览器常会从文档中过滤掉元素,比如 ,
或 元素。结果是,由 .load() 取回的元素可能与由浏览器直接取回的文档不完全相同。
注释:由于浏览器安全方面的限制,大多数 "Ajax" 请求遵守同源策略;请求无法从不同的域、子域或协议成功地取回数据。
更多实例
例子 1
加载 feeds.html 文件内容:
$("#feeds").load("feeds.html");
例子 2
与上面的实例类似,但是以 POST 形式发送附加参数并在成功时显示信息:
$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("The last 25 entries in the feed have been loaded");
});
例子 3
加载文章侧边栏导航部分至一个无序列表:
HTML 代码:
jQuery Links:
jQuery 代码:
$("#links").load("/Main_Page #p-Getting-Started li");
发现有个回调方法,那好啊 ,我在回调中写自己的方法就会在ajax之后执行了。于是乎:$("#feeds").load("feeds.php", function(){
fun();
});
但是有个问题,如果是多个呢? 每个后面都加?而且还要判断此方法是否被执行过了。(。。。。。。。。。。)
于是乎:找个jquery自带的判断所有结束后再去执行就OK了,于是:$("p").ajaxStop(function(){
if (hash && !isGlobalHash) {
$("#MfTit"+hash).trigger("click");
isGlobalHash = true;
}
});
定义:
实例
当所有 AJAX 请求完成时,触发一个提示框:$("p").ajaxStop(function(){
alert("所有 AJAX 请求已完成");
});
当然 有 stop 就有 start.
php 判断页面加载完,所有ajax执行完且页面加载完判断相关推荐
- ajax动态加载div,JQuery/AJAX:使用动态内容加载外部DIV使用动态内容
我需要创建一个页面,使用Jquery和AJAX从外部页面加载div.JQuery/AJAX:使用动态内容加载外部DIV使用动态内容 我遇到了一些很好的教程,但它们都是基于静态内容的,我的链接和内容是由 ...
- 动态页面html jquery ajax,JQuery / AJAX:使用动态内容加载外部DIV
我需要创建一个页面,该页面将使用Jquery和AJAX从外部页面加载div. 我遇到了一些很好的教程,但是它们都是基于静态内容的,我的链接和内容是由PHP生成的. 我基于我的代码的主要教程来自:htt ...
- C语言界面列表的滑动效果,jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)...
本文实例讲述了jQuery+ajax实现滚动到页面底部自动加载图文列表效果.分享给大家供大家参考,具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/ ...
- html页面加载时执行ajax请求,函数在页面加载时发送ajax请求
我有下面的代码在页面加载运行.我只想在用户完成在文本框中写入时运行它.函数在页面加载时发送ajax请求 代码是: $(document).ready(function() { $("#use ...
- python跳转到新页面、如何等待页面加载完_Selenium Python:如何等待页面加载?
As @ user227215说你应该使用WebDriverWait来等待你的页面中的元素: from selenium import webdriver from selenium.webdrive ...
- js 和jQuery(自动执行函数)立即执行函数和页面加载完后执行函数写法
js 立即执行函数的写法. js 立即执行函数只能用于匿名函数,如果声明了函数名是不可以用立即执行的,通常在函数表达式后加一对小括号()用于立即执行 如果想让函数不被调用的情况下,立即自动执行,需要在 ...
- 页面加载完后立刻执行JS的两种方法
方式一:window.onload: 当一个文档完全下载到浏览器中时,才会触发window.onload事件.这意味着页面上的全部元素对js而言都是可以操作的,也就是说页面上的所有元素加载完毕才会执行 ...
- 页面加载时让其显示笼罩层与加载等待图片
页面加载时让其显示笼罩层与加载等待图片(结局比较完美,过程很坎坷,所以一定总结整理下,备用): 用了ajax异步,是因为js内容不能即时的显示出来,因为js是单线程,要把队列中的任务执行完后才会执行刚 ...
- js上拉加载ajax数据,原生ajax写的上拉加载实例
上拉加载的思路 1 上拉加载是要把屏幕拉到最底部的时候触发ajax事件请求数据 2.所有要获取屏幕的高度 文档的高度 和滚动的高度 下面的代码是已经做好了兼容的可以直接拿来用 Javascript: ...
最新文章
- php修改为ajax,php通过ajax实现双击table修改内容
- Replication主要配置项
- 树莓派python编程自学-两个简易的树莓派初学者Python程序
- 2013-10-31 《October 31st, 2013》
- 数据列表DataList模板之实例
- 好架构是进化来的,不是设计来的
- 通过stream去重_stream去重
- 交互式、非交互式,登录式、非登录式Shell
- python从入门到放弃表情图-Python 从入门到放弃(一)
- taptap解析安装包出错_光遇解析软件包出现问题怎么解决 安装失败原因解答
- 靠一个HashMap的讲解打动了头条面试官,我的秘诀是
- java 正序排序_Java8对list排序(正序倒序)
- python学习之爬取ts流电影
- Linux(三)进程,vim权限,网络
- 内网安全建设思路(转)
- python郑州就业怎么样_目前学什么技术好
- 刷脸生物识别安全保障远大于传统安全保障
- 星际入门—各族开局解析
- Java 10W字面经
- HDU2853 Assignment KM
热门文章
- Spring 的持久化实例(JDBC, JdbcTemplate、HibernateDaoSupport、JdbcDaoSupport、SqlSessionDaoSupport等)...
- Windows下的Qt Creator的安装
- 绝对不忽悠、暑期择机功能该咋选?
- 财务管理(Finance Management)
- c++运行不出结果_fastjson 不出网利用总结
- ab实验置信度_为什么您的Ab测试需要置信区间
- 怎么样得到平台相关的换行符?
- react部署在node_如何在没有命令行的情况下在3分钟内将React + Node应用程序部署到Heroku
- slack通知本地服务器_通过构建自己的Slack App学习无服务器
- 单变量线性回归模型_了解如何为单变量模型选择效果最好的线性回归