jQuery load用法技巧整理

2021-06-02 09:19:54 字數 1294 閱讀 6118

一、用法

jquery的load函式是請求另乙個檔案並載入到當前dom裡的呼叫,load方法的完整格式是:load( url, [data], [callback] )(注意沒有引數是get方式請求,有引數則是 post方法)。

1、載入乙個php檔案,該php檔案不含傳遞引數

$("#myid").load("test.php");

2、載入乙個php檔案,該php檔案含有乙個傳遞引數

$("#myid").load("

test.php",);

3. 載入乙個php檔案,該php檔案含有多個傳遞引數。注:引數間用逗號分隔

$("#myid").load("

test.php",);

//匯入的php檔案含有乙個傳遞引數,類似於:test.php?name=adam&site=www.ourys.com

4. 載入乙個php檔案,該php檔案以陣列作為傳遞引數

$("#myid").load("

test.php",);

//匯入的php檔案含有乙個陣列傳遞引數。

5、使用callback比如我們要在load方法得到伺服器響應後,慢慢地顯示載入的內容,就可以使用callback函式。**如下:

$(" #go").click(

function()

);});

二、防止jquery load使用快取

說明:快取在一定程度上加快了頁面的裝載,但是也常常給我們帶來麻煩。比如你可能載入了某個檔案的內容,當這個檔案內容改變時,主頁並不能及時改變。

方法1

改檔名,廢話,但是卻很有效。

方法2

防止ajax使用快取

把下面的語句加在$(document).ready(function()裡面

$.ajaxsetup ({

cache: false //關閉ajax相應的快取

方法3

在載入檔案中載入申明

如果是php,則加入

<?php  header("cache-control: no-cache, must-revalidate");  ?>

**:

jquery load 事件用法

如果繫結給window物件,則會在所有內容載入後觸發,包括視窗,框架,物件和影象。如果繫結在元素上,則當元素的內容載入完畢後觸發。注意 只有當在這個元素完全載入完之前繫結load的處理函式,才會在他載入完後觸發。如果之後再繫結就永遠不會觸發了。所以不要在 document ready 裡繫結load...

jquery load 事件用法

如果繫結給window物件,則會在所有內容載入後觸發,包括視窗,框架,物件和影象。如果繫結在元素上,則當元素的內容載入完畢後觸發。注意 只有當在這個元素完全載入完之前繫結load的處理函式,才會在他載入完後觸發。如果之後再繫結就永遠不會觸發了。所以不要在 document ready 裡繫結load...

jquery load 事件用法

如果繫結給window物件,則會在所有內容載入後觸發,包括視窗,框架,物件和影象。如果繫結在元素上,則當元素的內容載入完畢後觸發。注意 只有當在這個元素完全載入完之前繫結load的處理函式,才會在他載入完後觸發。如果之後再繫結就永遠不會觸發了。所以不要在 document ready 裡繫結load...