jQuery AJAX實現純js分頁功能

使用jquery的ajax技術，在bootstrap的框架下搭建的純js分頁

bootstrap作為twitter推的一款前端框架，效果個人還是覺得很不錯的。這次只是拿來作為網頁元素的css樣式表使用，比較省力，效果也會比自己做要漂亮多了。

使用資料為單獨的json檔案data.json

把主要**和過程總結一下

html頁面index.html如下

iditem name

item price
item operate

var pagetotal=0;//總頁數  

var rowtotal=0;//總行數  
var currentpage=0;//當前頁數  
var startrow=0;//頁開始行數  
var endrow=0;//頁結束行數  
var pagesize=2;//每頁行數  
function page(),  
success:function(data)  
}else

//繪製頁面ul  

for(var i=1;i"+i+"
")  
);  
}  }  
}  });  
}  //翻頁  
function gotopage(pagenum),  
success:function(data)  
}  });  
}    
$(function());  
$("#page_prev li").live("click",function()else  
});  
$("#page_next li").live("click",function()else  
})  
});

純JS實現課表

如下圖所示 實現乙個課表，對應現實生活中對的課表 一門課一天內，可以對應多個節次。分兩步 1 先畫出乙個空課表 2 在正確的位置上顯示課程名稱 資料中需要包含 課程名稱 course 對應週幾 week 對應的開始節次 startsection 結束節次 endsection 如下 const da...

純js實現裁剪布局

onselectstart 事件是選中的事件 document.onselectstart function e ondragstart 事件是拖拽事件 document.ondragstart function e 當右下角的按鈕滑鼠按下時 dot.onmousedown function e 大...

JQuery AJAX 提交js陣列

例如 var data no 001 name 張三 score 80,75,82,66,70 post url,param data,true callbackfunc jquery.param object,traditional 引數 描述object 要進行序列化的陣列或物件。traditi...