簡單的PHP AJAX HTML問題

簡單的問題對於你們大多數，但對我來說，作爲一個新手在PHP和jQuery + Ajax，不是真的：如何替換我的index.html與一些其他的HTML代碼，由ajax調用請求PHP文件？簡單的PHP AJAX HTML問題

的index.html

<!DOCTYPE html> 
<html> 
<head> 
<title>Test</title> 
</head> 
<body> 

    <h1>Login page</h1> 

    <button id="btn_login">Login</button> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script type="text/javascript" src="javascript.js"></script> 

</body> 
</html>

javascript.js

$('#btn_login').click(
function(){ 

    $.ajax({ 
     url: "login.php", 
     type: "GET", 
     success: function(data){ 
      // what to do here? 
     } 
    }); 
} 
)

的login.php

<?php 
echo '<div>Succesful login</div>'; 
?>

TLDR：我想單擊按鈕時，將「登錄頁面」+登錄按鈕屏幕替換爲「成功登錄」。謝謝

來源

2017-03-16 Lale

$（ '＃btn_login'）HTML（「成功的登錄」）。 – C2486

我希望這是很容易的，但我必須使用PHP的解決方案，這是一個要求。 – Lale

在ajax中使用這段代碼沒有什麼壞處，因爲你正在通過ajax處理服務器。 – C2486

您需要確定-or classify-您<h1>標籤能夠輕鬆地改變它的內容，

<h1 id='title'>Login page</h1>

那麼，你的AJAX調用中，如果成功，您可以更改喜歡的內容即：

success: function(data){ 
    // what to do here? 
    if (data) { 
     $('#title').html(data); 
     $('#btn_login').remove(); 
    } 
}

來源

2017-03-16 12:40:29 hassan

-1

你可以試試這個：

$('#btn_login').click(
function(){ 

     $.ajax({ 
      url: "login.php", 
      type: "GET", 
      success: function(data){ 
       document.body.innerHTML = ""; // remove all content from the document 
       document.write(data); // write the returned div to the document 
      } 
     }); 
    } 
    )

來源

2017-03-16 12:41:09

，請打開新的問題爲什麼downvote？ –

我也不知道，你的解決方案似乎和其他人一樣工作，謝謝 – Lale

請看：（https://www.w3schools.com/xml/tryit.asp?filename=tryajax_first：w3schools） ...

來源

2017-03-16 12:42:45

簡單的PHP AJAX HTML問題

回答

相關問題