近来用ajaxAnywhere.getAJAX(url),发现了一个小问题,就是第一次触发时,不会刷新相应的区域;尝试了好几次,发现ajaxAnywhere.getAJAX(url, zonesToRefres)这个API,把对应的zone设置为第二个参数,就能如愿以偿了。
本人用到的代码参考如下,给初学者一个参考:
这部分代码实现的功能很简单,就是弹出一个div窗口,显示相关内容。
css部分:
.white_content {
display: none;
position: absolute;
top: 35%;
left: 30%;
width: 120%;
height: 40%;
padding: 5px;
border: 5px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}
js部分:
function showRates() {
var num = document.getElementById('numperroom').value;
var housetype = document.getElementById('order.housetype').value;
var rateCode = document.getElementById('ratecode').value;
var startDate = document.getElementById('sdate').value;
var endDate = document.getElementById('edate').value;
ajaxAnywhere.getAJAX('?num='+num + '&housetype=' + housetype + '&rateCode=' + rateCode + '&startDate=' + startDate + '&endDate=' + endDate, 'rateListzone');
ajaxAnywhere.getZonesToReload = function () {
return 'rateListzone';
};
ajaxAnywhere.onAfterResponseProcessing=afterGetRat esResponse;
}
function afterGetRatesResponse() {
document.getElementById('light').style.display='bl ock';
}
页面部分代码:
当前租金:
显示在住期间租金
星期日
星期一
星期二
星期三
星期四
星期五
星期六
本人用到的代码参考如下,给初学者一个参考:
这部分代码实现的功能很简单,就是弹出一个div窗口,显示相关内容。
css部分:
.white_content {
display: none;
position: absolute;
top: 35%;
left: 30%;
width: 120%;
height: 40%;
padding: 5px;
border: 5px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}
js部分:
function showRates() {
var num = document.getElementById('numperroom').value;
var housetype = document.getElementById('order.housetype').value;
var rateCode = document.getElementById('ratecode').value;
var startDate = document.getElementById('sdate').value;
var endDate = document.getElementById('edate').value;
ajaxAnywhere.getAJAX('?num='+num + '&housetype=' + housetype + '&rateCode=' + rateCode + '&startDate=' + startDate + '&endDate=' + endDate, 'rateListzone');
ajaxAnywhere.getZonesToReload = function () {
return 'rateListzone';
};
ajaxAnywhere.onAfterResponseProcessing=afterGetRat esResponse;
}
function afterGetRatesResponse() {
document.getElementById('light').style.display='bl ock';
}
页面部分代码:
当前租金:
显示在住期间租金
星期日
星期一
星期二
星期三
星期四
星期五
星期六