ajax動(dòng)態(tài)為a標(biāo)簽href賦值不執(zhí)行跳轉(zhuǎn)的原因分析及解決
更新時(shí)間：2013年06月16日 15:52:05 作者：
ajax 動(dòng)態(tài)為a標(biāo)簽的href屬性賦值，總是不執(zhí)行跳轉(zhuǎn)的原因想必大家有遇到過吧，下面與大家分享下具體的解決方法，希望對(duì)你有所幫助
由于一中考評(píng)系統(tǒng)要加入一個(gè)新的功能“調(diào)查問卷”，我想沿用別人做好的調(diào)查問卷，用別人的有一個(gè)好處就是：人家做的專業(yè)，界面美化等非常人性化，但是它需要你每次設(shè)置完調(diào)查問卷后發(fā)布一下網(wǎng)址，客戶端訪問的每次都是變動(dòng)的地址。
客戶端每次點(diǎn)擊“調(diào)查問卷”，就會(huì)跳轉(zhuǎn)到相應(yīng)頁面：
點(diǎn)擊“調(diào)查問卷”即進(jìn)入調(diào)查問卷頁面：
我使用a 標(biāo)簽，每次訪問管理員提交的“調(diào)查問卷”
<li><a href="" onclick="meizz(this)">調(diào)查問卷</a></li>
點(diǎn)擊“調(diào)查問卷”，調(diào)用meizz函數(shù)，該函數(shù)通過ajax調(diào)用返回要訪問的“調(diào)查問卷”網(wǎng)址：
<script type="text/javascript" language="javascript">
function meizz(e) {
$.ajax({
//async:false, //設(shè)置ajax的同步
type: "get", //get方式
url: "../handler/QueryQuestionnaire.ashx",
//返回?cái)?shù)據(jù)成功，將返回的json數(shù)據(jù)解析，顯示在課程信息列表中
success: function (strJson) {
//檢查后臺(tái)返回的數(shù)據(jù)
var dataArray = eval(strJson);
e.href = dataArray[0].Questionnaire;//要訪問的網(wǎng)址
},
//返回?cái)?shù)據(jù)失敗，彈出錯(cuò)誤顯示
error: function (XmlHttpRequest, textStatus, errorThrown) {
alert(XmlHttpRequest.responseText);
}
});
}
</script>
現(xiàn)象是 e.href如果放在函數(shù)的$.ajax之上可以運(yùn)行，但是放到ajax里面綁定動(dòng)態(tài)返回的地址，就不能運(yùn)行了。經(jīng)過了郁悶，最終找到了答案：因?yàn)閍jax默認(rèn)調(diào)用是異步的，所以不等ajax調(diào)用處理回調(diào)函數(shù)為href賦值，就直接發(fā)起了href,在這里這時(shí)候href是空值。
解決方法：將ajax調(diào)用方法改為同步，聲明ajax調(diào)用方式為同步：
$.ajax({
async:false, //設(shè)置ajax的同步
}
這樣href的執(zhí)行就必須等待function中ajax調(diào)用完成后才會(huì)觸發(fā)，就得到了想要的結(jié)果。
客戶端每次點(diǎn)擊“調(diào)查問卷”，就會(huì)跳轉(zhuǎn)到相應(yīng)頁面：
點(diǎn)擊“調(diào)查問卷”即進(jìn)入調(diào)查問卷頁面：
我使用a 標(biāo)簽，每次訪問管理員提交的“調(diào)查問卷”
復(fù)制代碼 代碼如下:
<li><a href="" onclick="meizz(this)">調(diào)查問卷</a></li>
點(diǎn)擊“調(diào)查問卷”，調(diào)用meizz函數(shù)，該函數(shù)通過ajax調(diào)用返回要訪問的“調(diào)查問卷”網(wǎng)址：
復(fù)制代碼 代碼如下:
<script type="text/javascript" language="javascript">
function meizz(e) {
$.ajax({
//async:false, //設(shè)置ajax的同步
type: "get", //get方式
url: "../handler/QueryQuestionnaire.ashx",
//返回?cái)?shù)據(jù)成功，將返回的json數(shù)據(jù)解析，顯示在課程信息列表中
success: function (strJson) {
//檢查后臺(tái)返回的數(shù)據(jù)
var dataArray = eval(strJson);
e.href = dataArray[0].Questionnaire;//要訪問的網(wǎng)址
},
//返回?cái)?shù)據(jù)失敗，彈出錯(cuò)誤顯示
error: function (XmlHttpRequest, textStatus, errorThrown) {
alert(XmlHttpRequest.responseText);
}
});
}
</script>
現(xiàn)象是 e.href如果放在函數(shù)的$.ajax之上可以運(yùn)行，但是放到ajax里面綁定動(dòng)態(tài)返回的地址，就不能運(yùn)行了。經(jīng)過了郁悶，最終找到了答案：因?yàn)閍jax默認(rèn)調(diào)用是異步的，所以不等ajax調(diào)用處理回調(diào)函數(shù)為href賦值，就直接發(fā)起了href,在這里這時(shí)候href是空值。
解決方法：將ajax調(diào)用方法改為同步，聲明ajax調(diào)用方式為同步：
復(fù)制代碼 代碼如下:
$.ajax({
async:false, //設(shè)置ajax的同步
}
這樣href的執(zhí)行就必須等待function中ajax調(diào)用完成后才會(huì)觸發(fā)，就得到了想要的結(jié)果。
相關(guān)文章
用ajax實(shí)現(xiàn)預(yù)覽鏈接可以看到鏈接的內(nèi)容
用CSS設(shè)置預(yù)覽彈出窗口的樣式、用JavaScript進(jìn)行服務(wù)器請(qǐng)求并且顯示彈出窗口,需要的朋友可以參考下2014-08-08
點(diǎn)擊登錄按鈕時(shí)彈出登錄窗口,輸入正確的用戶名密碼后點(diǎn)擊登錄則登錄窗口關(guān)閉,狀態(tài)改為當(dāng)前用戶名.這篇文章主要介紹了AJAX如何實(shí)現(xiàn)無刷新登錄功能，需要的朋友參考下2017-01-01
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)登錄案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
是原生的ajax,稍稍的封裝了下,對(duì)了,option為json格式的數(shù)據(jù),對(duì)此可先看這個(gè)2010-05-05
jquery中AJAX請(qǐng)求 $.post方法的使用
使用jQuery的$.post方法可以以POST形式向服務(wù)器發(fā)起AJAX請(qǐng)求.本篇文章主要給大家講解jquery中AJAX請(qǐng)求 $.post方法的使用，需要的朋友可以參考下2015-10-10
ajax不是一種語言,而是多種技術(shù)組合在一起使用,ajax只是這幾種技術(shù)組合的代名詞2010-10-10
ajax 防止重復(fù)提交可以通過在服務(wù)器端加載方法或直接寫在頁面腳本里，具體實(shí)現(xiàn)如下，遇到重復(fù)提交情況的朋友可以參考下，希望對(duì)大家有所幫助2013-07-07
ajax瀏覽器兼容的問題一直都是同學(xué)們多煩惱的，下面有個(gè)不錯(cuò)的示例大家可以參考下，希望對(duì)大家有所幫助2014-01-01
Ajax案例集下載：新增分頁查詢案例（包括《Ajax開發(fā)精要》中的兩個(gè)綜合案例） 下載
Ajax案例集下載：新增分頁查詢案例（包括《Ajax開發(fā)精要》中的兩個(gè)綜合案例） 下載...2007-05-05
ajax獲取json數(shù)據(jù)為undefined原因分析
Ajax 允許在不干擾 Web 應(yīng)用程序的顯示和行為的情況下在后臺(tái)進(jìn)行數(shù)據(jù)檢索。這篇文章主要介紹了ajax獲取json數(shù)據(jù)為undefined--原因,需要的朋友可以參考下2017-11-11