javascript - ajax刷新的問題-php教程-PHP中文網

javascript - ajax刷新的問題

WBOY

發布： 2016-10-10 11:56:09

原創

1061 人瀏覽過

就是想要類似segmentfaul的效果點擊哪個分區就顯示出相應的內容但是現在的問題是不知道href的鏈接怎麼寫我想要內容在當前頁面顯示herf不能寫#吧如果寫href="1. html" 就會出現先顯示資料再跳轉的情況這樣頁面就是空的不能顯示出來資料這種情況該怎麼辦呢？麻煩大家看仔細一點我不是想阻止跳轉啊我想知道segmentfault這種效果是怎麼實現的如果用的ajax完全沒必要去跳轉刷新頁面但是segmentfault是有跳轉刷新的這個是怎麼弄的呢？

<code>代码只是大概描述一下
1.html
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript">
       document.getElementById('java').onclick=function(){
          div.innerHTML=str;
       }
    </script>
</head>
<body>
<a href="#" id="java">java</a>
<a href="#" id="php">php</a>
<div></div>
</body>
</html></code>

登入後複製

回覆內容：

<code>代码只是大概描述一下
1.html
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript">
       document.getElementById('java').onclick=function(){
          div.innerHTML=str;
       }
    </script>
</head>
<body>
<a href="#" id="java">java</a>
<a href="#" id="php">php</a>
<div></div>
</body>
</html></code>

登入後複製

就寫單獨的url吧，它也不是ajax刷新，就是get。有很多小版塊其實也問題不大，後端也很輕鬆。因為資料格式基本上差不多，匹配路由時寫個正規去匹配請求的url就行了，然後處理資料在一個controller裡，在根據不同的url返回不同的資料即可。而且前端模板也不需要變化很大，復用性也很強。

在事件處理函數中可以透過呼叫preventDefault或return false來阻止瀏覽器的預設行為（這裡的預設行為就是跳轉）。另外他是伺服器渲染，不是ajax。

最後，建議買本書系統的學習，這些問題真的太基礎了，即使是沒有系統的學習過，搜尋或查API的效率也比提問高很多

不管 <a></a> 的 href 是啥，你都可以在事件中阻止預設行為

下面是 jQuery 程式碼，原生程式碼也差不多，呼叫 event 的 preventDefault()，或是回傳 false。

<code class="javascript">$("#java").on("click", e => {
    e.preventDefault();
});</code>

登入後複製

不過也可以直接設定 href 讓它啥也不乾

<code class="html"><a href="javascript: void(0)" ...>...</a></code>

登入後複製

點擊到某個頁面的時候，這個頁面對應的js程式碼發送一個HTTP GET請求到後台，然後後台返回對應的（例如java/php等）資料足以。

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

javascript - ajax刷新的問題

回覆內容：