詳解如何執行PHP腳本而不跳頁

在網路開發中，我們經常需要透過PHP腳本來實現某些功能，例如使用者登入驗證、表單資料提交等等。然而，在執行這些PHP腳本時，會經常出現頁面跳躍的情況，這對於使用者體驗來說是不太友善的，而且也會影響網站的效能。那麼如何才能執行PHP腳本而不跳轉頁面呢？本文將為您介紹幾種實作方法。

一、使用Ajax技術

Ajax技術可以透過非同步的方式向伺服器發送請求，並在不刷新頁面的情況下更新頁面內容。因此，可以使用Ajax技術來執行PHP腳本而不跳轉頁面。具體操作方法如下：

1. 在HTML頁面中引入jQuery庫：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

2. #寫Ajax程式碼：
##

$.ajax({
    url: 'test.php',  // PHP脚本的URL地址
    type: 'post',  // 请求方式
    data: {name: 'John', age: 18},  // 发送给服务器的数据
    success: function(response){  
        // 成功接收到服务器的响应后执行的代码 
        alert(response);  // 显示服务器返回的数据
    }
});

登入後複製

在HTML頁面中新增一個iframe標籤：

1. <iframe id="php-process" name="php-process" style="display:none;"></iframe>

   登入後複製

在HTML頁面中新增一個form表單：
2. #

   <form id="php-form" method="post" action="test.php" target="php-process">
       <!-- 在这里添加需要传递给PHP脚本的参数 -->
       <input type="hidden" name="name" value="John" />
       <input type="hidden" name="age" value="18" />
   </form>

   登入後複製

使用JavaScript來提交form表單和接收執行結果：

3. function submitForm(){
       document.getElementById("php-form").submit();  // 提交form表单
       var iframe = document.getElementById("php-process");
       iframe.onload = function(){
           // PHP脚本执行完毕后执行的代码
           alert(iframe.contentWindow.document.body.innerHTML);  // 获取执行结果
       }
   }

   登入後複製

建立XMLHttpRequest物件：

1. var xmlhttp;
   if (window.XMLHttpRequest){  
       // code for IE7+, Firefox, Chrome, Opera, Safari  
       xmlhttp = new XMLHttpRequest();  
   }
   else{  
       // code for IE6, IE5  
       xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");  
   }

   登入後複製

向伺服器發送請求：

2. xmlhttp.open("POST","test.php",true);  // 向test.php发送一个POST请求
   xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");  // 设置请求头
   xmlhttp.send("name=John&age=18");  // 发送请求的数据

   登入後複製

接收伺服器的回應：

3. xmlhttp.onreadystatechange = function(){
       if (this.readyState == 4 && this.status == 200){
           // 成功接收到服务器的响应后执行的代码
           alert(this.responseText);  // 显示服务器返回的数据
       }
   }

   登入後複製

以上是詳解如何執行PHP腳本而不跳頁的詳細內容。更多資訊請關注PHP中文網其他相關文章！