由于一中考評(píng)系統(tǒng)要加入一個(gè)新的功能“調(diào)查問(wèn)卷”，我想沿用別人做好的調(diào)查問(wèn)卷，用別人的有一個(gè)好處就是：人家做的專業(yè)，界面美化等非常人性化，但是它需要你每次設(shè)置完調(diào)查問(wèn)卷后發(fā)布一下網(wǎng)址，客戶端訪問(wèn)的每次都是變動(dòng)的地址。
客戶端每次點(diǎn)擊“調(diào)查問(wèn)卷”，就會(huì)跳轉(zhuǎn)到相應(yīng)頁(yè)面：
點(diǎn)擊“調(diào)查問(wèn)卷”即進(jìn)入調(diào)查問(wèn)卷頁(yè)面：
我使用a 標(biāo)簽，每次訪問(wèn)管理員提交的“調(diào)查問(wèn)卷”
復(fù)制代碼 代碼如下:
li>a href="" onclick="meizz(this)">調(diào)查問(wèn)卷/a>/li>
點(diǎn)擊“調(diào)查問(wèn)卷”，調(diào)用meizz函數(shù)，該函數(shù)通過(guò)ajax調(diào)用返回要訪問(wèn)的“調(diào)查問(wèn)卷”網(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èn)的網(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)過(guò)了郁悶，最終找到了答案：因?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é)果。
您可能感興趣的文章:- ajax提交session超時(shí)跳轉(zhuǎn)頁(yè)面使用全局的方法來(lái)處理
- AJAX跳轉(zhuǎn)路徑代碼
- ajax如何實(shí)現(xiàn)頁(yè)面局部跳轉(zhuǎn)與結(jié)果返回
