主页自动显示文章类别,
点击文章类别显示对应的所有文章的标题,
点击标题弹出文章内容的页面

解决方案 »

  1.   

    第一步已经实现了,第二步不行了
     $.ajax({
     url:"http://localhost:8080/blog/showArticleType1",     
     type:"post", 
     dataType: "json",
     async:false,  
     cache:false,
     success:function(data) {
    var num = data.length;
    for(var i=0;i<data.length;i++) {
    var totalPage = parseInt(num/10)+1;
    $.ajax({  
    url:"http://localhost:8080/blog/showArticleType",     
    type:"post", 
    data:{start:start,end:end},
    dataType: "json",
    async:false,  
    cache:false,
    success:function(data1) { 
    var tType1=document.getElementsByTagName("a");
    var num1 = (data1.length)/2;
    for(var i=0;i<num1;i++) {
    tType1[i].text = data1[num1+i]+"("+data1[i]+")";
    if(data1[i]==0) {
    tType1[i].href ="#";
    } else {
    var tType = data1[num1+i];
    tType1[i].href ="javascript:showTitle('tType')";
    }
    function showTitle(tType) {
    var title=document.getElementsByTagName("b");
    alert(tType);
    /*var tType3=document.getElementsByTagName("a");
     var tType4=[];
     alert(tType);
     for(var i=0;i<10;i++) {
    tType4[i] = tType3[i].text;
    alert(tType4);
    var title=document.getElementsByTagName("b");
    alert(tType4);
    alert(title);
     
        } */
     $.ajax({  
          url:"http://localhost:8080/blog/showTitle",     
         type:"post", 
         data:{tType:tType},
        dataType: "Json",
        async:false,  
    cache:false,
    success:function(data2) {
    alert(data2);
    for (var k=0;k<data2.length;k++) {
    title[k].innerHTML = "<a href >"+ data2[k] +"</a>";
    }
    },
    error : function(data2) {        
    alert(data2.result);
    }
    });  
     }
    问题在于如何实时传递tType这个参数,网友们看一看,谢谢了
      

  2.   

    之前那个问题解决了,新的问题是:
    怎样在js的一个方法中调用其他方法ajax返回的数据(list类型),我调用成功了,但是不能传:
    function goPage1(pno,psize,totalPage,data,num){
    /* alert(num2);
     alert(data3);*/
     var currentPage = pno;//当前页数
     var tempStr = "共"+totalPage+"页 第"+currentPage+"页";
     var num1=data.length;
     var title=document.getElementsByTagName("b");
     for(var i=0;i<12;i++) {
     title[i].innerHTML = "";
     }  
    if(currentPage>1){
    tempStr += "<a href=\"#\" onClick=\"goPage2("+(1)+","+psize+","+totalPage+","+data+","+num1+"),showTitle1("+data+","+num1+")\"> 首页 </a>";
    tempStr += "<a href=\"#\" onClick=\"goPage2("+(currentPage-1)+","+psize+","+totalPage+","+data+","+(num+12)+"),showTitle1("+data+","+(num+12)+")\"><上一页  </a>"
    }else{
    tempStr += " 首页 ";
    tempStr += "<上一页 ";    
    }
    if(currentPage<totalPage){
    tempStr += "<a href=\"#\" onClick=\"goPage2("+(currentPage+1)+","+psize+","+totalPage+","+data+","+(num-12)+")\">下一页></a>";/*,showTitle1("+data3+","+(num2-12)+")*/
    tempStr += "<a href=\"#\" onClick=\"goPage2("+(totalPage)+","+psize+","+totalPage+","+data+","+(num1-(totalPage-1)*12)+"),showTitle1("+data+","+(num1-(totalPage-1)*12)+")\"> 尾页 </a>";
    alert(tempStr);
    }else{
    tempStr += " 下一页>";
    tempStr += " 尾页 ";    
    }
    document.getElementById("div3id").innerHTML = tempStr;

    }   
    function goPage2(pno,psize,totalPage,data,num){
     alert(num);
     alert(data);
     var num1=data.length;
     var currentPage = pno;//当前页数
     var tempStr = "共"+totalPage+"页 第"+currentPage+"页";
     for(var i=0;i<12;i++) {
     title[i].innerHTML = "";
     }  
    if(currentPage>1){
    tempStr += "<a href=\"#\" onClick=\"goPage2("+(1)+","+psize+","+totalPage+","+data+","+num1+"),showTitle1("+data+","+num1+")\"> 首页 </a>";
    tempStr += "<a href=\"#\" onClick=\"goPage2("+(currentPage-1)+","+psize+","+totalPage+","+data+","+(num+12)+"),showTitle1("+data+","+(num+12)+")\"><上一页  </a>"
    }else{
    tempStr += " 首页 ";
    tempStr += "<上一页 ";    
    }
    if(currentPage<totalPage){
    tempStr += "<a href=\"#\" onClick=\"goPage2("+(currentPage+1)+","+psize+","+totalPage+","+data+","+(num-12)+")\">下一页></a>";/*,showTitle1("+data3+","+(num2-12)+")*/
    tempStr += "<a href=\"#\" onClick=\"goPage2("+(totalPage)+","+psize+","+totalPage+","+data+","+(num1-(totalPage-1)*12)+"),showTitle1("+data+","+(num1-(totalPage-1)*12)+")\"> 尾页 </a>";
    }else{
    tempStr += " 下一页>";
    tempStr += " 尾页 ";    
    }
    document.getElementById("div3id").innerHTML = tempStr;
    }
    function showTitle1(data3,num2){
     var num1=data3.length;
     var title=document.getElementsByTagName("b");
     if(num2<=12) {
    for (var k=0;k<num2;k++) {
    title[k].innerHTML = "<a href >"+ data3[num1-num2+k] +"</a>";
    }
     } 
     else {
    for (var k=0;k<12;k++) {
    title[k].innerHTML = "<a href >"+ data3[num1-num2+k] +"</a>";
    }
     }
    }function showTitle(id) {
    var num2;
    var data3;
    var tType=document.getElementById(id).innerHTML;
    var tType1=tType.substring(0, tType.lastIndexOf("("));
    var title=document.getElementsByTagName("b");
     for(var i=0;i<12;i++) {
     title[i].innerHTML = "";
     }
    $.ajax({  
        url:"http://localhost:8080/blog/showTitle",     
        type:"post", 
        data:{tType:tType1},
    dataType: "Json",
    async:false,  
    cache:false,
    success:function(data2) {
    data3=data2;
    var num = data2.length;
    num2=num;
    showTitle1(data2,num2)
    if(num<=12) {
    for (var k=0;k<data2.length;k++) {
    title[k].innerHTML = "<a href >"+ data2[k] +"</a>";
    }
    var totalPage =1;
    }else {
    for (var k=0;k<12;k++) {
    title[k].innerHTML = "<a href >"+ data2[k] +"</a>";
    }
    var totalPage = parseInt(num/12)+1;
    };
    goPage1(1,12,totalPage,data3,num2);
    showTitle1(data3,num2);
    },
    error : function(data2) {        
    alert(data2.result);
    }
    });
    return data3;
    return num2;
     }