本文共 1123 字,大约阅读时间需要 3 分钟。
核心代码:
function fnSuccMainBody(xhr){ // main body document.getElementById("main").innerHTML = xhr.responseText; // sub : sub body if(document.getElementById("submain") != null) ShowComments();}function fnSuccSubMainBody(xhr){ document.getElementById("submain").innerHTML = xhr.responseText;}function AjaxRequest(url, data, fnSucc){ var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); xhr.onreadystatechange = function(){ AjaxCallBack(xhr, fnSucc); }; xhr.open("post", url, true); xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded;'); xhr.send(data);}function AjaxCallBack(xhr, fnSucc){ if(xhr.readyState == 4) { var s = xhr.status; if(s >= 200 && s < 300) fnSucc(xhr); else ; } }// 调用function showMain(){ var url = xxx; var data = xxx; AjaxRequest(url, data, fnSuccMainBody); }function showSubMain(){ var url = xxx; var data = xxx; AjaxRequest(url, data, fnSuccSubMainBody); }
参考:
div+ajax实现类似iframe功能
http://lz12366.iteye.com/blog/1137458
frameset和div常规布局的优缺点比较
http://blog.csdn.net/zhangxinrun/article/details/5677829