十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
ajax中怎么实现标签导航功能,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
创新互联公司是专业的无极网站建设公司,无极接单;提供网站建设、成都做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行无极网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
主要函数:
function getObject(objectId) { if(document.getElementById && document.getElementById(objectId)) { // W3C DOM return document.getElementById(objectId); } else if (document.all && document.all(objectId)) { // MSIE 4 DOM return document.all(objectId); } else if (document.layers && document.layers[objectId]) { // NN 4 DOM.. note: this won't find nested layers return document.layers[objectId]; } else { return false; } } var responsecont; var xmlHttp; var requestType; var newsstring; function CreateXMLHttpRequest(){ // Initialize Mozilla XMLHttpRequest object if (window.XMLHttpRequest){ xmlHttp = new XMLHttpRequest(); } // Initialize for IE/Windows ActiveX version else if (window.ActiveXObject) { try{ xmlHttp = new ActiveXObject("Msxml2.XMLHTTP.3.0"); } catch (e){ try{ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e){newsstring = "Loading rquest content fail, Please try it again latter...";} } } } function getnews(tagid,x){ var url = tagid+'_'+x+'.htm'; var loadstatustext="Loading request content, please wait..."; requestType = tagid; CreateXMLHttpRequest(); getObject(requestType+'_cnt').innerHTML = loadstatustext; xmlHttp.onreadystatechange = processRequestChange; xmlHttp.open("GET", url, true); xmlHttp.setRequestHeader("If-Modified-Since","0"); xmlHttp.send(null); } function processRequestChange(){ // only if xmlHttp shows "complete" if (xmlHttp.readyState == 4){ // only http 200 to process if (window.location.href.indexOf("http")==-1 || xmlHttp.status == 200){ newsstring = xmlHttp.responseText; //inject centent to tab-pane shownews(requestType,newsstring); } } } function shownews(requestType,newsstring){ // } function TabNews(tagid,x){ for (var i=1;i<=7;i+=2) { if (i == x) { getObject(tagid+i).className="tabactive"+i; if(i!=1){ getObject(tagid+(i-1)).style.display="none"; if(i!=7){ getObject(tagid+(i+1)).style.display="none"; } } if(i==1){ getObject(tagid+"2").style.display="none"; } try{ getnews(tagid,i); } catch(e){ alert(e); } } else { getObject(tagid+i).className=""; if(i!=7){ getObject(tagid+(i+1)).style.display="block"; } } } }
调用方法:
关于ajax中怎么实现标签导航功能问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。