主要用到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執行完就繼續執行其餘 這樣的話...