就是想要類似segmentfaul的效果 點擊哪個分區就顯示出相應的內容 但是現在的問題是不知道href的連結怎麼寫 我想要內容在當前頁面顯示 herf不能寫#吧 如果寫
href="1.html" 就會出現先顯示資料再跳轉的情況 這樣頁面就是空的 不能顯示出來資料 這種情況該怎麼辦呢? 麻煩大家看仔細一點 我不是想阻止跳轉啊 我想知道segmentfault這種效果 是怎麼實現的 如果用的ajax完全沒必要去跳轉重新整理頁面 但是segmentfault是有跳轉重新整理的 這個是怎麼弄的呢?
代碼只是大概描述一下1.html javaphp
回複內容:
就是想要類似segmentfaul的效果 點擊哪個分區就顯示出相應的內容 但是現在的問題是不知道href的連結怎麼寫 我想要內容在當前頁面顯示 herf不能寫#吧 如果寫href="1.html" 就會出現先顯示資料再跳轉的情況 這樣頁面就是空的 不能顯示出來資料 這種情況該怎麼辦呢? 麻煩大家看仔細一點 我不是想阻止跳轉啊 我想知道segmentfault這種效果 是怎麼實現的 如果用的ajax完全沒必要去跳轉重新整理頁面 但是segmentfault是有跳轉重新整理的 這個是怎麼弄的呢?
代碼只是大概描述一下1.html javaphp
就寫單獨的url吧,它也不是ajax重新整理,就是get。有很多小版塊其實也問題不大,後端也很輕鬆。因為資料格式基本差不多,匹配路由時寫個正則去匹配請求的url就行了,然後處理資料在一個controller裡,在根據不同的url返回不同的資料即可。而且前端模板也不需要變化很大,複用性也很強。
在事件處理函數中可以通過調用preventDefault或者return false來阻止瀏覽器的預設行為(這裡的預設行為就是跳轉)。另外他是伺服器渲染,並不是ajax。
最後,建議買本書系統的學習,這些問題真的太基礎了,即使是沒有系統的學習過,搜尋或者查API的效率也比提問高得多
不管 的 href 是啥,你都可以在事件中阻止預設行為
下面是 jQuery 代碼,原生代碼也差不多,調用 event 的 preventDefault(),或者返回 false。
$("#java").on("click", e => { e.preventDefault();});
不過也可以直接設定 href 讓它啥也不幹
...
點擊到某個頁面的時候,這個頁面對應的js代碼發送一個HTTP GET請求到後台,然後後台返回相應的(比如java/php等)資料足以。