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