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.

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/397544.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/397544.shtml
英文地址,請注明出處:http://en.pswp.cn/news/397544.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

正確理解ThreadLocal

想必很多朋友對 ThreadLocal并不陌生,今天我們就來一起探討下ThreadLocal的使用方法和實現原理。首先,本文先談一下對ThreadLocal的理 解,然后根據ThreadLocal類的源碼分析了其實現原理和使用需要注意的地方,最后給出了兩個應用場…

2018.7.10 個人博客文章=利用ORM創建分類和ORM的內置函數

昨天的注冊收尾工作 其實就差了和MySql聯系起來的部分,這部分很簡單,首先要做的就是保存用戶通過from傳送過來的頭像文件: """ 保存頭像文件 """ file request.FILES.get(avatar) file_path os.path.join(st…

python 列表與元組的操作簡介

上一篇:Python 序列通用操作介紹 列表 列表是可變的(mutable)——可以改變列表的內容,這不同于字符串和元組,字符串和元組都是不可變的。接下來討論一下列表所提供的方法。 list函數 可以使用list函數來創建列表: list(Hello) [H,…

mfc嵌入matlab繪圖窗口,將matlab的圖嵌入MFC

【實例簡介】VS調用matlab畫圖模塊編譯成的動態鏈接庫,并在MFC顯示。【實例截圖】【核心代碼】3b0582a3-4ea8-4a61-ba33-e448be563b88└── 將matlab的圖嵌入MFC├── matlab_2010b與VS2008_混合編程的實現.pdf├── TestWithData│ ├── Debug│ │ ├─…

python multiprocessing 和tcp

#用類方法 服務端from socket import *from multiprocessing import Processimport osclass Myprocess(Process): def __init__(self, conn): self.conn conn super().__init__() def run(self): conn self.conn start True whil…

matlab 畫三維花瓶,精美花瓶建模教程

1、首先,草圖單位為mm,進入前視圖繪制如圖草圖,花瓶的基本形狀輪廓2、然后對草圖進行旋轉3、旋轉出曲面后,在頂部邊線新建一個基準面4、繼續在前視圖繪制草圖,如圖繪制一弧線5、然后進行旋轉6、可以得到圖示的兩個曲面…

PKI系統相關知識點介紹

公鑰基礎設施(Public Key Infrastructure,簡稱PKI)是目前網絡安全建設的基礎與核心,是電子商務安全實施的基本保障,因此,對PKI技術的研究和開發成為目前信息安全領域的熱點。本文對PKI技術進行了全面的分析…

android 打印java堆棧,Android打印堆棧

java打印堆棧方法一:異常對象打印堆棧Exception e new Exception("this is a log");e.printStackTrace();方法二:Log打印獲取異常的堆棧并打印Log.e(“dump_test”,Log.getStackTraceString(new Throwable()));C\C打印堆棧方法一:…

實際算法項目工程上手日志C/C++

#pragma once 為了保證頭文件只被編譯一次,通常放在頭文件的頂部 #define IN #define OUT #define INOUT 這個只在邏輯上起作用, IN 表示輸入參數,指針指向的值不會修改; OUT 表示輸出參數,指針指向的值會修改&a…

Arduino 控制超聲波測距模塊

一.實物圖 二.例子代碼 用到數字2 和3 引腳,還有兩個就是vcc GND兩個陰腳,用模塊連線比較簡單 轉載于:https://www.cnblogs.com/caoguo/p/4785700.html

Linux安裝source-code-pro字體

2019獨角獸企業重金招聘Python工程師標準>>> 1.下載source-code-pro字體 從GitHub下載 https://github.com/adobe-fonts/source-code-pro/releases 2.解壓文件,將OTF格式的文件夾重新命名一下,這里我命名為source-code-pro,然后將…

dft對稱性 matlab實驗,數字信號處理實驗指導書(審)

(0???2?)上對X(ej?)均勻采樣得到?X(k)?X(ej?)??2?k/N??n???x(n)e?j2?kn/N 0?k?N?1可以看到X(k)也是頻域上的有限長序列,長度為N。序列X(k)稱為序列x(n)的N點DFT。N稱為DFT變換區間長度。 通常表示WN?e?j2?/N可將定義式表示為?X(k)??x(n)…

PI

并不是所有東西都可以套PI的,只有滿足上述這類的數學關系才可以。 轉速經過PI調節得到電流也是有原因的。從下圖中可以發現,轉速 k*Iq/s,s是拉普拉斯算子,所以也是滿足積分,比例關系的。 轉載于:https://www.cnblogs.…

AOP之AspectJ簡單使用

為什么80%的碼農都做不了架構師?>>> 參考文章: 使用AspectJ在Android中實現Aop 深入理解Android之AOP自動打印日志主要知識點: 主要是JPoint、pointcuts、advice以及他們之間的關系可以通過aj文件、或AspectJ注解的Java文件實現A…

matlab drawnow連成曲線,precision recall曲線Matlab實現

在用哈希進行檢索時,常會用到precision recall曲線對其性能進行定量評價。precision recall的定義在信息檢索評價指標中已做了詳細說明,這里再記錄一下precision recall的具體實現。precision recall曲線matlab一般使用的都是下面的版本:func…

trap

http://blog.csdn.net/elbort/article/details/8525599 http://mywiki.wooledge.org/SignalTrap轉載于:https://www.cnblogs.com/flowjacky/p/4785723.html

WinSCP實現Ubuntu與 Windows 文件共享方法

2019獨角獸企業重金招聘Python工程師標準>>> WinSCP是一個Windows環境下使用SSH的開源圖形化SFTP客戶端。同時支持SCP協議。它的主要功能就是在本地與遠程計算機間安全的復制文件。WinSCP綠色中文版 一款基于SSH安全高效的FTP上傳軟件。WinSCP 可以執行所有基本的文…

緩存機制

緩存 緩存就是數據交換的緩沖區(稱作Cache) 客戶端:緩存(expires)、deflate壓縮 緩存服務器:CDN/cache緩存靜態內容如:html、jpg、gif、js等 靜態web服務器:Apache/nginx靜態服務器提…

Shell學習總結

Shell 是什么? Shell 是一個用C語言編寫的程序,它是用戶使用Linux的橋梁。Shell既是一種命令語言,又是一種程序設計語言。 Shell 是指一種應用程序,這個應用程序提供了一個界面,用戶通過這個界面訪問操作系統內核的服務…

java有幾個關鍵字,Java多線程常用的幾個關鍵字

Java多線程常用的幾個關鍵字二、volatile作用:volatile關鍵字的作用是:使變量在多個線程間可見(具有可見性),但是僅靠volatile是不能保證線程的安全性,volatile關鍵字不具備synchronized關鍵字的原子性。Demo1:package com.ietree…