javascript - ajax重新整理的問題

來源:互聯網
上載者:User
就是想要類似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等)資料足以。

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.