新聞中心
如何讓JQuery選擇器在后異步加載的頁(yè)面中起作用?
看你怎么動(dòng)態(tài)加載頁(yè)面,感覺(jué)你只是動(dòng)態(tài)將頁(yè)面的htmlbody的內(nèi)容動(dòng)態(tài)加載了,把script給忽略了。你可以調(diào)試下,看是否只是加載內(nèi)容而忽略script標(biāo)簽。。
十多年建站經(jīng)驗(yàn), 成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站客戶的見(jiàn)證與正確選擇。創(chuàng)新互聯(lián)公司提供完善的營(yíng)銷(xiāo)型網(wǎng)頁(yè)建站明細(xì)報(bào)價(jià)表。后期開(kāi)發(fā)更加便捷高效,我們致力于追求更美、更快、更規(guī)范。
解決方法有,1.用iframe來(lái)動(dòng)態(tài)載入頁(yè)面,這樣會(huì)像頁(yè)面解釋那樣,什么都加載了。2.將動(dòng)態(tài)加載頁(yè)面之前,提前載入腳本代碼。3.動(dòng)態(tài)請(qǐng)求頁(yè)面的同時(shí),也動(dòng)態(tài)的添加腳本。注意的是要同時(shí)加載成功后,再調(diào)用方法
JQuery.ajax 如何取消異步加載
代碼如下,
$.ajax(
{
type: "POST",
contentType: "application/json",
dataType: 'json',
success: function(result) {
//這里是Code
},
error: function(result, status) {
}
});
要想組織函數(shù)在code區(qū)繼續(xù)執(zhí)行,只能通過(guò)設(shè)置變量來(lái)控制,如下
設(shè)一個(gè)JS的全局變量STOPIT,初始值為FLASE.
在BUTTON的點(diǎn)擊事件里設(shè)此變量為真。
在AJAX的回調(diào)函數(shù)的開(kāi)頭加上:
$.ajax(
{
type: "POST",
contentType: "application/json",
dataType: 'json',
success: function(result) {
if(STOPIT) return;//此處阻止函數(shù)執(zhí)行。
},
error: function(result, status) {
}
});
jQuery 怎么發(fā)送異步請(qǐng)求
$.ajax:基礎(chǔ)方法
語(yǔ)法:jQuery.ajax([settings])
.load:載入遠(yuǎn)程 HTML 文件代碼并插入至 DOM 中
語(yǔ)法:load( url, [data], [callback] )
$.get:使用GET方式來(lái)進(jìn)行異步請(qǐng)求
語(yǔ)法:jQuery.get( url, [data], [callback] )
$.post:使用POST方式來(lái)進(jìn)行異步請(qǐng)求
語(yǔ)法:jQuery.post( url, [data], [callback], [type] )
$.getScript:通過(guò) GET 方式請(qǐng)求載入并執(zhí)行一個(gè) JavaScript 文件
語(yǔ)法:jQuery.getScript( url, [callback] )
jQuery.ajax( options ) : 通過(guò) HTTP 請(qǐng)求加載遠(yuǎn)程數(shù)據(jù)
這個(gè)是jQuery 的底層 AJAX 實(shí)現(xiàn)。簡(jiǎn)單易用的高層實(shí)現(xiàn)見(jiàn) $.get, $.post 等。
$.ajax() 返回其創(chuàng)建的 XMLHttpRequest 對(duì)象。大多數(shù)情況下你無(wú)需直接操作該對(duì)象,但特殊情況下可用于手動(dòng)終止請(qǐng)求。
注意: 如果你指定了 dataType 選項(xiàng),請(qǐng)確保服務(wù)器返回正確的 MIME 信息,(如 xml 返回 "text/xml")。錯(cuò)誤的 MIME 類(lèi)型可能導(dǎo)致不可預(yù)知的錯(cuò)誤。見(jiàn) Specifying the Data Type for AJAX Requests 。
當(dāng)設(shè)置 datatype 類(lèi)型為 'script' 的時(shí)候,所有的遠(yuǎn)程(不在同一個(gè)域中)POST請(qǐng)求都回轉(zhuǎn)換為GET方式。
設(shè)置async參數(shù):
(默認(rèn): true) 默認(rèn)設(shè)置下,所有請(qǐng)求均為異步請(qǐng)求。如果需要發(fā)送同步請(qǐng)求,請(qǐng)將此選項(xiàng)設(shè)置為 false。注意,同步請(qǐng)求將鎖住瀏覽器,用戶其它操作必須等待請(qǐng)求完成才可以執(zhí)行。
$.ajax({
type: "get",
url: "",
beforeSend: function(XMLHttpRequest){
//ShowLoading();
},
success: function(data, textStatus){
$(".ajax.ajaxResult").html("");
$("item",data).each(function(i, domEle){
$(".ajax.ajaxResult").append("li"+$(domEle).children("title").text()+"/li");
});
},
complete: function(XMLHttpRequest, textStatus){
//HideLoading();
},
error: function(){
//請(qǐng)求出錯(cuò)處理
}
});
用jquery異步加載一個(gè)list集合,集合中為空的值我想直接顯示空而不是undefined
function(data)?{
var?tmp?=?eval(data);
for?(var?i?=?0;?i??tmp.length;?i++)?{
$("#tab").append("tr?"?+?"tddiv?class?=?'textFlow'??title?=?"?+?tmp[i].sourceExplain?+?"?id?=?"?+?a?+?""?+?tmp[i].sourceExplain?+?"/div/td"?+?"tdinput?type='button'?class='show_jl_btn'?value='舉例'??onclick='show_jlmodel("?+?i?+?")'/div?class='jlval'input?type?=?'hidden'?value?=?"?+?tmp[i].sourceExample?+?"?id?=?'"?+?i?+?"se'//div?????/td"?+?"tddiv?class?=?'textFlow'?title?=?"?+?tmp[i].sourceAudioName?+?""?+?tmp[i].sourceAudioName?+?"/td"?+?"tddiv?class?=?'textFlow'?title?=?"?+?tmp[i].sourceVidoName?+?""?+?tmp[i].sourceVidoName?+?"/td"?+?"/tr");
var?html?=?$("#tab").html().replace(new?RegExp("undefined","g"),"");
$("#tab").html(html);
}
如何利用jquery異步加載頁(yè)面
代碼如下:
script type="text/javascript" src="scripts/jquery.pack.js"/script
script type="text/javascript" src="scripts/jquery.blockUI.js"/script
script type="text/javascript"
$().ajaxStop($.unblockUI);
function getPage() {
$.ajax({ url: '/login.aspx', cache: false, function(data){alert(data)}});
}
$(document).ready(function() {
$('#lnkLogin').click(function() {
$.blockUI();
getPage();
});
});
/script
body
a id="lnkLogin" href="login.aspx"登陸/a
/body
點(diǎn)擊連接后顯示blockUI的內(nèi)容,就是"please waiting。。",然后alert(data)也把請(qǐng)求的頁(yè)面獲取了(login.aspx頁(yè)面)
Jquery ajax 本來(lái)就不阻斷頁(yè)面的啊
可以先向?qū)θ萜鲗?xiě)點(diǎn)內(nèi)容提示:
$('#div').html("正在載入數(shù)據(jù)...");
$('#div').load( url , false);
分享標(biāo)題:jquery異步加載,jquery同步執(zhí)行
URL地址:http://www.dlmjj.cn/article/phpjhh.html