1. 程式人生 > >微博案例看利用jq對ajax的使用

微博案例看利用jq對ajax的使用

主要技術棧

  • 後臺
  • wamp=Apache+Mysql+PHP5
  • 前端
  • jquery-1.12.4.js
  • jq-ajax
  • jquery.cookie.

最終實現案例預覽

在這裡插入圖片描述

由於本文主要講述前端jq中ajax和cookie的使用,後臺php的介面檔案不會講到,但會給出原始碼,和json的介面文件。

php介面文件

**********************************************
	usage:
			1.新增一條:      weibo.php?act=add&content=xxx	
				返回:{error: 0, id: 新新增內容的ID, time: 新增時間, acc: 點贊數, ref: 點踩數}
			2.獲取頁數:      weibo.php?act=get_page_count	
				返回:{count:頁數}
			3.獲取一頁資料:      weibo.php?act=get&page=1		
				返回:[{id: ID, content: "內容", time: 時間戳, acc: 頂次數, ref: 踩次數}, {...}, ...]
			4.頂某一條資料:      weibo.php?act=acc&id=12			
				返回:{error:0}
			5.踩某一條資料:      weibo.php?act=ref&id=12			
				返回:{error:0}
			6.刪除一條資料:      weibo.php?act=del&id=12		
				返回:{error:0}
	注意:	伺服器所返回的時間戳都是秒(JS是毫秒)
**********************************************

前端佈局較為簡單,沒用的地方都是圖替代 在這裡插入圖片描述

主要函式和方法