- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
昨晚我遇到了注册问题,当使用 ajax 时,php 将空数据保存到我的数据库中,但在堆栈溢出的帮助下,问题得到了解决。我在 url 中发送数据,而不是使用 $_GET 我使用 $_POST,问题解决了所以今天早上我想让我们对登录页面做同样的事情但是这次当我向它添加 ajax 登录按钮时它什么都不做,它只是点击什么都不做
我试图做的是,当用户使用正确的信息登录时,它会转到主页 index.php,但是当用户尝试使用错误的信息登录时,它会回显无效。所以我试图在 index.php 中回应它,而不是将用户带到新页面。
以下是我正在处理的代码。这个代码保存为 index.php,用户可以在其中放置详细信息。
<?php
if (!isset($_SESSION['uid'])) {
echo "<form action='login_parse.php' method='post' style='display: inline-block'>
Username: <input type='text' name='username' id='username' />
Password: <input type='password' name='password' id='password' />
<input type = 'button' value='login' id='submit' onclick='hello2()'/>";
echo "</form>";
echo "<form action='signup.php' method='post' style='display: inline-block'>";
echo " ";
echo "<input type='submit' name='submit' value='Signup'>";
echo "</form>";
echo "<div id='ack1'></div>";
} else {
echo "<form style='display: inline-block'>";
echo "<p>You are logged in as ".$_SESSION['username']."";
echo "</form>";
echo "<form action='logout_parse.php' method='post' style='display: inline-block'>";
echo " ";
echo "<input type='submit' value='logout'>";
echo "</form>";
}
?>
这个保存为ajax.js
function loadXMLDoc()
{
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");
}
return xmlhttp;
}
var HTTP = loadXMLDoc();
function hello2(){
var username = encodeURIComponent(document.getElementById('username').value);
var password = encodeURIComponent(document.getElementById('password').value);
var url = "login_parse.php?username="+username+"&password="+password;
HTTP.onreadystatechange=function()
{
if (HTTP.readyState==4 && HTTP.status==200)
{
document.getElementById("ack1").innerHTML=HTTP.responseText;
}
}
HTTP.open("POST", url ,true);
HTTP.send();
}
最后这个保存为login_parse.php
<?php
session_start();
include_once("connect.php");
if (isset($_POST['username'])) {
$username = mysql_real_escape_string( $_GET["username"]);
$password = mysql_real_escape_string( md5 ($_GET["password"]));
$sql = "SELECT * FROM users WHERE username='".$username."' AND password='".$password."' LIMIT 1";
$res = mysql_query($sql) or die(mysql_error());
if(mysql_num_rows($res) == 1) {
$row = mysql_fetch_assoc($res);
$_SESSION['uid'] = $row['id'];
$_SESSION['username'] = $row['username'];
header("Location: index.php");
exit();
} else{
echo "INVALID login information.";
exit();
}
}
?>
我做错了什么吗,我是否必须使用 ajax 才能在 index.php 中回显无效
最佳答案
以下是对不显示无效登录消息的 ajax 代码的修复。
首先,我删除了对 hello2 函数的函数调用,并将其放置在页面底部脚本标记内的 javascript 事件中。这使我更容易进行测试。您必须将 id 提交按钮添加到您的按钮 html。
index php 文件中之前的 echo 现在看起来像这样。
echo "<form action='login_parse.php' method='post' style='display: inline-block'>
Username: <input type='text' name='username' id='username' />
Password: <input type='password' name='password' id='password' />
<input id='submit-button' type = 'button' value='login' id='submit' />";
这是将在 index.php 文件的结束 body 标记之前的 javascript:
<script src="ajax.js"></script>
<script>
//return XMLHTTP request and store it
var HTTP = loadXMLDoc();
//on click event for #submit-button
var submitEvent = document.getElementById("submit-button").onclick = function(){
hello2(HTTP);
};
</script>
这是我发现的主要问题。我通过将变量 xmlhttp 放在 ajax.js 代码的顶部使它具有全局范围。
我最初是通过更改以下代码行发现此问题的:
document.getElementById("ack1").innerHTML= HTTP.responseText;
到:
document.getElementById("ack1").innerHTML= "it worked";
通过这样做,我发现此时您的函数调用正常,但您的 HTTP.onreadystatechange=function(){} 无法访问 responseText。
下面是新的 ajax.js 文件代码:
//moved variable outside of functions to give it the global scope
var xmlhttp;
function loadXMLDoc()
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlhttp;
}
function hello2(HTTP){
var username = encodeURIComponent(document.getElementById('username').value);
var password = encodeURIComponent(document.getElementById('password').value);
var url = "login_parse.php?username="+username+"&password="+password;
HTTP.onreadystatechange=function()
{
if (HTTP.readyState===4 && HTTP.status === 200){
document.getElementById("ack1").innerHTML= HTTP.responseText;
}
};//<--was missing a semicolon ;
HTTP.open("POST", url ,true);
HTTP.send();
}
修复了 PHP 代码,这样您就不必刷新 index.php 来显示您“以...登录”消息。
将此 php 代码放在 index.php 文件中的任何其他 php 代码之前,以便您可以访问 session 变量。
//start the session so that you can echo session variables on this page
session_start();
关于javascript - AJAX 问题 : button doesn't responsed anymore,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27400404/
我对这个错误很困惑: Cannot implicitly convert type 'System.Func [c:\Program Files (x86)\Reference Assemblies\
考虑这段代码: pub trait Hello { fn hello(&self); } impl Hello for Any { fn hello(&self) {
问题很简单。是否可以构造这样一个类型 T,对于它下面的两个变量声明会产生不同的结果? T t1 = {}; T t2{}; 我已经研究 cppreference 和标准一个多小时了,我了解以下内容:
Intellij idea 给我这个错误:“Compare (T, T) in Comparator cannot be applied to (T, T)” 对于以下代码: public class
任何人都可以告诉我 : n\t\t\t\t\n\t\t\t 在以下来自和 dwr 服务的响应中的含义和用途是什么. \r\n\t\t\t \r\n\t\t\t
让 T 成为一个 C++ 类。 下面三个指令在行为上有什么区别吗? T a; T a(); T a = T(); T 为不带参数的构造函数提供了显式定义这一事实是否对问题有任何改变? 后续问题:如果
Rust中的智能指针是什么 智能指针(smart pointers)是一类数据结构,是拥有数据所有权和额外功能的指针。是指针的进一步发展 指针(pointer)是一个包含内存地
比如我有一个 vector vector > v={{true,1},{true,2},{false,3},{false,4},{false,5},{true,6},{false,7},{true,8
我有一个来自 .xls 电子表格的数据框,我打印了 print(df.columns.values) 列,输出包含一个名为:Poll Responses\n\t\t\t\t\t。 我查看了 Excel
This question already has answers here: What are good reasons for choosing invariance in an API like
指针类型作为类型前缀与在类型前加斜杠作为后缀有什么区别。斜线到底是什么意思? 最佳答案 语法 T/~ 和 T/& 基本上已被弃用(我什至不确定编译器是否仍然接受它)。在向新向量方案过渡的初始阶段,[T
我正在尝试找到一种方法来获取模板参数的基类。 考虑以下类: template class Foo { public: Foo(){}; ~Foo(){};
这是一个让我感到困惑的小问题。我不知道如何描述它,所以只看下面的代码: struct B { B() {} B(B&) { std::cout ::value #include
为什么有 T::T(T&) 而 T::T(const T&) 更适合 copy ? (大概是用来实现move语义的???) 原始描述(被melpomene证明是错误的): 在C++11中,支持了一种新
在 Java 7 中使用 eclipse 4.2 并尝试实现 List 接口(interface)的以下方法时,我收到了警告。 public T[] toArray(T[] a) { ret
假设有三个函数: def foo[T](a:T, b:T): T = a def test1 = foo(1, "2") def test2 = foo(List(), ListBuffer()) 虽
我对柯里化(Currying)和非柯里化(Currying)泛型函数之间类型检查的差异有点困惑: scala> def x[T](a: T, b: T) = (a == b) x: [T](a: T,
考虑一个类A,我如何编写一个具有与相同行为的模板 A& pretty(A& x) { /* make x pretty */ return x; } A pretty(A&& x) {
Eclipse 表示由于泛型类型橡皮擦,类型参数不允许使用 instanceof 操作。 我同意在运行时不会保留任何类型信息。但是请考虑以下类的通用声明: class SomeClass{ T
在 C++14 中: 对于任何整数或枚举类型 T 以及对于任何表达式 expr: 有没有区别: struct S { T t { expr }; }; 和 struct S { T t = { exp
我是一名优秀的程序员,十分优秀!