简单的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问题

回答

相关问题