簡(jiǎn)約個(gè)人主頁(yè)刷關(guān)鍵詞排名seo
從URL傳值給后端
http://127.0.0.1:8080/blog_content.html?id=8
點(diǎn)擊瀏覽文章詳情,跳轉(zhuǎn)至詳情頁(yè)面
從 url 中拿出文章 id,傳給后端
- 首先拿到url
- 然后判斷是否有值,從問(wèn)號(hào)后面取值
params.split('&')
以 & 作為分割- 然后遍歷字符數(shù)組
paramArr[i].split("=")
,又用 =等號(hào) 分割鍵和值 - 判斷 key 和傳過(guò)來(lái)的 key 是否一樣,一樣就返回該 key 對(duì)應(yīng)的 value 值
function getURLParam(key){var params = location.search;if(params.indexOf("?") >=0){//返回問(wèn)號(hào)在字符串中第一次出現(xiàn)的位置,大于等于0說(shuō)明問(wèn)號(hào)存在params = params.substring(params.indexOf("?")+1);//截取問(wèn)號(hào)后面的參數(shù)var paramArr = params.split('&');//使用&作為分割符for(var i=0; i<paramArr.length;i++){var namevalues = paramArr[i].split("=");if(namevalues[0]==key){return namevalues[1];}}}else{return "";}}
function getArtDetail(){//從 url 中獲取到文章的idvar aid = getURLParam("id");if(aid != null && aid >0){//訪問(wèn)后端,更新訪問(wèn)量jQuery.ajax({url:"/art/setrcount",type:"POST",data:{"aid":aid},success:function(result) { }});//訪問(wèn)后端查詢文章詳情jQuery.ajax({url:"/art/detail",type:"POST",data:{"aid":aid},success:function(result){if(result.code ==200 && result.data != null){var art = result.data;jQuery("#title").text(art.title);jQuery("#data").text(art.createtime);jQuery("#rcount").text(art.rcount);editormd = editormd.markdownToHTML("editorDiv",{markdown:art.content});myInfo(art.uid);}}});}} getArtDetail();//調(diào)用這個(gè)方法
因?yàn)檫@個(gè)方法經(jīng)常使用,因此將他封裝成一個(gè)工具方法,使用的時(shí)候調(diào)用即可