Php 到MySQL的HTML连接
我想在HTML页面上创建一个登录脚本。我读到我需要使用一个中间脚本，这样我可以让我的HTML使用数据库。因此，我编写了一个PHP页面，用于检查数据库的用户名/密码 我还读到应该使用AJAX连接到数据库Php 到MySQL的HTML连接,php,html,ajax,Php,Html,Ajax,我想在HTML页面上创建一个登录脚本。我读到我需要使用一个中间脚本，这样我可以让我的HTML使用数据库。因此，我编写了一个PHP页面，用于检查数据库的用户名/密码 我还读到应该使用AJAX连接到数据库 我想知道如何编写AJAX代码来返回登录值的true或false。AJAX实际上只不过是JavaScript，它连接到服务器端资源（如PHP支持的页面），接收结果，并可能对HTML进行一些UI操作，作为对该结果的响应。一个开始的好地方是。使用jQueryJavaScript库将使过程更加简单。但是，
我想知道如何编写AJAX代码来返回登录值的true或false。AJAX实际上只不过是JavaScript，它连接到服务器端资源（如PHP支持的页面），接收结果，并可能对HTML进行一些UI操作，作为对该结果的响应。一个开始的好地方是。使用jQueryJavaScript库将使过程更加简单。但是，最终，它将连接到服务器上的PHP代码以执行实际的数据库交互 除此之外，听起来你在这个项目中缺少一些设计上的疏忽。“我还读到我应该使用AJAX连接到数据库”这句话特别令人不安。你在哪里读到的？你为什么读那本书？除了某个地方有人认为“AJAX很酷，人们应该用它做东西”之外，这个建议似乎没有什么价值
使用AJAX与仅仅将表单发布到某些PHP代码相比，在设计上有什么特别的考虑吗？AJAX实际上只不过是JavaScript，它连接到服务器端资源（例如PHP支持的页面），接收结果，并可能对HTML进行一些UI操作，作为对该结果的响应。一个开始的好地方是。使用jQueryJavaScript库将使过程更加简单。但是，最终，它将连接到服务器上的PHP代码以执行实际的数据库交互 除此之外，听起来你在这个项目中缺少一些设计上的疏忽。“我还读到我应该使用AJAX连接到数据库”这句话特别令人不安。你在哪里读到的？你为什么读那本书？除了某个地方有人认为“AJAX很酷，人们应该用它做东西”之外，这个建议似乎没有什么价值
使用AJAX与仅仅将表单发布到某些PHP代码相比，在设计上有什么特别的考虑吗？如果我正确理解您的问题，有两种方法可以解决这个问题。第一种（也是最常见的）方法是将PHP脚本设置为HTML表单的操作：
<form method="post" action="folder/phpfile.php">
<input type="text" name="username" />
<input type="password" name="password" />
</form>
$\u post['input\u name']input\u name在我看来，使用AJAX进行身份验证并不总是处理事情的最佳方式，但它是可行的。如果您打算使用AJAX，我建议您尝试在JavaScript后面使用JQuery。他们有一个非常方便的框架来处理AJAX查询和事件。如果我正确理解您的问题，有两种方法可以处理这个问题。第一种（也是最常见的）方法是将PHP脚本设置为HTML表单的操作：
<form method="post" action="folder/phpfile.php">
<input type="text" name="username" />
<input type="password" name="password" />
</form>
$\u post['input\u name']input\u name在我看来，使用AJAX进行身份验证并不总是处理事情的最佳方式，但它是可行的。如果您打算使用AJAX，我建议您尝试在JavaScript后面使用JQuery。他们有一个非常方便的框架来处理AJAX查询和事件。在这里发布之前，你至少应该尝试一下Google 谷歌搜索：ajax登录代码 这是一个非常简单的实现，但可以作为一个起点。 如果这不合理，您可能需要稍微了解一下ajax：
在这里发布之前，你至少应该尝试一下谷歌 谷歌搜索：ajax登录代码 这是一个非常简单的实现，但可以作为一个起点。 如果这不合理，您可能需要稍微了解一下ajax： 尽管没有必要为此使用AJAX，但您可以使用如下内容 考虑到您有一个具有用户名和密码的元素，如下所示：
<div id="login">
<label for="txtUsername">Username:</label>
<input type="text" id="txtUsername" />
<label for="txtPassword">Password:</label>
<input type="password" id="txtPassword" />
<button id="btnLogin">Log In</buton>
</div>
<div id="logout" style="display: none;">
<a href="logout.php">Log Out</a>
</div>
用户名：
密码：
登录
$（函数（）{
$（“#btnLogin”）。单击（函数（）{
$.ajax({
url:“login.php”，
数据：{username:$（“#txtsername”）.val（），密码：$（“#txtPassword”）.val（），
成功：功能（数据）{
$（“#登录”）.toggle（）；
$（“#注销”）.toggle（）；
}
});
});
});
<div id="login">
<label for="txtUsername">Username:</label>
<input type="text" id="txtUsername" />
<label for="txtPassword">Password:</label>
<input type="password" id="txtPassword" />
<button id="btnLogin">Log In</buton>
</div>
<div id="logout" style="display: none;">
<a href="logout.php">Log Out</a>
</div>
用户名：
密码：
登录
$（函数（）{
$（“#btnLogin”）。单击（函数（）{
$.ajax({
url:“login.php”，
数据：{username:$（“#txtsername”）.val（），密码：$（“#txtPassword”）.val（），
成功：功能（数据）{
$（“#登录”）.toggle（）；
$（“#注销”）.toggle（）；
}
});
});
});