jQuery的AJax非同步載入

2022-08-10 09:36:09 字數 953 閱讀 4543

主要用到load()方法以及getscript()方法,具體以乙個例子說明:

在現有html檔案中載入乙個擬好的片段,以及在片段載入完成之前阻止使用者進一步操作的彈出框。

首先是現有html**,無任何內容:

>  

ajax非同步載入title>  

script>  

script>  

head>  

body>  

html>  

擬乙個js檔案getdata.js寫乙個函式最簡陋的彈出框提示為例:

function getdata()  

擬乙個片段box.htm,承載要載入的片段內容:

中超-耿曉峰失誤拉蒙兩球 申花7輪首敗1-4綠城h4>  

北京時間8月11日晚19點35分,2023年中超聯賽第22輪在杭州黃龍體育場開始一場較量,  

由杭州綠城迎戰上海申花。上半場第7分鐘陳柏良突然冷射,導致耿曉峰接球脫手造成失球,  

這是中華台北球員(陳昌源在比利時土生土長)在中超聯賽進的首球。  

第12分鐘申花隊呂徵禁區右路左腳凌空射門扳平比分。第25分鐘阿甘在底線附近把球送入禁區,  

拉蒙頭球得分,第37分鐘阿甘單刀赴會打入一球。  

第60分鐘阿甘頭球擺渡,拉蒙跟進射門梅開二度。最終杭州綠城4比1戰勝上海申花。  

p>  

div>  

最後寫main.js來非同步載入getdata.js以及box.htm到現有html檔案中。

$(document).ready(function())  

//非同步載入片段  

$("body").text("載入中...")  

$("body").load("box.htm",function(url,status,c)  

});  

})  

最後效果:

AJAX非同步載入 建立

xmlhttprequest 是 ajax 的基礎。所有現代瀏覽器均支援 xmlhttprequest 物件 ie5 和 ie6 使用 activexobject 建立 xmlhttprequest 物件的語法 老版本的 internet explorer ie5 和 ie6 使用 activex ...

AJAX中的同步載入與非同步載入

ajax是四個單詞的簡寫,其中asynchronous即非同步的意思,非同步的鏈結可以同時發起多個,並且不會阻止js 執行。與之對應的概念是同步,同步的鏈結在同一時刻只會有乙個,並且會阻止後續js 的執行,js必須等待同步鏈結載入完畢後才能繼續執行。ajax發展到現在,不但可以發起非同步鏈結,也可以...

ajax的同步 非同步 jquery同步

同步請求將鎖住瀏覽器,使用者其它操作必須等待請求完成才可以執行。看下邊的js function 如果其它函式呼叫這個函式的時候我們會發現先alert last 之後再 alert msg msg 不是順序執行的,這是因為jquery ajax預設的是非同步的不等ajax執行完就繼續執行其餘 這樣的話...