关于php：Ajax不执行成功函数

Ajax does not execute success function

我有一个jquery ajax函数，它将表单数据提交到php文件，在该文件中对数据库进行检查并返回响应。但是我的成功函数没有被执行，而是通过错误函数返回响应。

以下是我的login.js代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

$(document).ready(function(){
$("form#loginForm").submit(function() { // loginForm is submitted
var username = $('#username').attr('value'); // get username
var password = $('#password').attr('value'); // get password

if (username && password) { // values are not empty
$.ajax({
type:"POST",
url:"url", // URL of the Php script
contentType:"application/json; charset=utf-8",
dataType:"json", //expected from server in response
// send username and password to the Php script
data:"username=" + username +"&password=" + password,

error: function(XMLHttpRequest, textStatus, errorThrown) { // script call was *not* successful
$('div#loginResult').text("responseText:" + XMLHttpRequest.responseText
+", textStatus:" + textStatus
+", errorThrown:" + errorThrown);
$('div#loginResult').addClass("error");
},

success: function(data){ //script was successful, data contains response from mysql database
if (data.error) { // login was not successful
$('div#loginResult').text("data.error:" + data.error);
$('div#loginResult').addClass("error");
} // if
else { // login was successful
$('form#loginForm').hide();
$('div#loginResult').text("data.success:" + data.success);
$('div#loginResult').addClass("success");
} //else
} // success
}); // ajax
} // if
else {
$('div#loginResult').text("enter username and password");
$('div#loginResult').addClass("error");
} // else
$('div#loginResult').fadeIn();
return false;
});
});

这是我的Login.php代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

<?php

$username = $_POST["username"];
$password = $_POST["password"];

$dbhost = '*****';
$dbuser = '*****';
$dbpass = '*****';
$conn = mysql_connect($dbhost, $dbuser, $dbpass); // connect to server
if(! $conn )
{
die('Could not connect: ' . mysql_error());
}

echo 'Connected to database successfully,';

mysql_select_db('sl493',$conn); //pick sl493 database

$result = mysql_query("SELECT *
FROM metauser
WHERE metauser.username = '$username'
AND metauser.password = '$password'") or die(mysql_error()); //select data from metauser table

$row = mysql_fetch_assoc($result);

if($row['username'] == $username) //If username and password not accepted
{$result = 'true login';
$arr = array('success' =>"login is successful");
echo json_encode($arr);}

else //if username and password are not accepted
{$result = 'login failed';
$arr = array('error' =>"username or password is wrong");
echo json_encode($arr);}

?>

现在我得到以下响应，无论我输入正确或不正确的凭据：

responseText：成功连接数据库，{""成功"："登录成功"}
，textStatus：parsererror，errorThrown：无效的JSON：成功连接到数据库，{""成功"："登录成功"}

View post on imgur.com

它返回"已连接到数据库成功"，这意味着它成功进入login.php，但它也返回响应文本，这是ajax：error的一部分，它应该不会去，因为函数执行成功.HALP？

我想错了什么：

首先，我将ContentType指定为json，而我将其作为a发送
字符串所以我不得不改变它。

其次，我使用了$ _POST的Is_set andis_empty函数来制作
确定我收到了POST字段。

最后返回ajax变量数据的原因不会显示它
按键，所以data.success未定义但数据返回所有输出
来自php文件。

我仍在试图弄清楚为什么我无法通过密钥访问返回的JSON。如果您有任何建议，请告诉我，我不要再提出其他问题。以下是工作代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

$(document).ready(function(){
$("form#loginForm").submit(function() {

// loginForm is submitted
var username = $('#username').attr('value'); // get username
var password = $('#password').attr('value'); // get password
console.log(username + password) ;

if (username && password) { // values are not empty
$.ajax({
type:"POST",
url:"https://xxx/login.php", // URL of the Php script
contentType:"application/x-www-form-urlencoded; charset=utf-8",

dataType:"application/json", //expected from server in response
// send username and password to the Php script
//data:"username=" + username +"&password=" + password,
data:'username='+ username+'&password='+ password,

error: function(XMLHttpRequest, textStatus, errorThrown) { // script call was *not* successful
$('div#loginResult').text("responseText:" + XMLHttpRequest.responseText
+", textStatus:" + textStatus
+", errorThrown:" + errorThrown);
$('div#loginResult').addClass("error");
},

success: function(data){

$('form#loginForm').hide();
$('div#loginResult').text("Login:" + data );
$('div#loginResult').addClass("success");
}

});
}
else {
$('div#loginResult').text("enter username and password");
$('div#loginResult').addClass("error");
} // else
$('div#loginResult').fadeIn();
return false;
});
})

;

的login.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

<?php

if (isset($_POST["username"]) && !empty($_POST["username"])) {
$username = $_POST["username"];}

if (isset($_POST["password"]) && !empty($_POST["password"])) {
$password = $_POST["password"];}

$dbhost = 'xxx';
$dbuser = 'xxxxxx';
$dbpass = 'xxxxxxxx';
$conn = mysql_connect($dbhost, $dbuser, $dbpass); // connect to server
if(! $conn )
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db('sl493',$conn);

$query = mysql_query("SELECT *FROM metauser WHERE metauser.username = '$username'AND metauser.password = '$password'") or die(mysql_error()); //select data from metauser table
$row = mysql_fetch_assoc($query);

if($row['username'] == $username)
{
if($row['usertype']== 'student')
{ $type = 'student'; }
else{ $type = 'admin'; }

//$arr = array('result' => 'loginOK', 'usertype' => $type);

$associativeArray = array();
$associativeArray ['result'] = 'success';
$associativeArray ['usertype'] = $type;

//$arr = '{"success":"login is successful"}';
//echo $type;
echo json_encode($associativeArray); }

else
{$arr = '{"error":"username or password is wrong"}';
echo json_encode($arr);}

?>

请将您的ajax数据类型从dataType:"json"更改为

1	datatype:"application/json"

要解决未经授权响应时的响应头问题，请在代码的else部分添加响应头header('HTTP/1.1 401 Unauthorized', true, 401);，如下所示。

1
2
3
4
5

else //if username and password are not accepted
{$result = 'login failed';
$arr = array('error' =>"username or password is wrong");
header('HTTP/1.1 401 Unauthorized', true, 401);
echo json_encode($arr);}

相关讨论

仍然得到这个：responseText：成功连接到数据库，["登录成功"]，textStatus：parsererror，errorThrown：无效的JSON：成功连接到数据库，["登录成功"]
将ajax数据类型从[dataType："json"]更改为[datatype："application / json"]，它应该做的魔术:)
它有效，但并不完美。我得到："data.success：undefined"，包含正确和错误的凭据。这意味着它正在进入成功功能，但无法在不同情况之间进行区分。
它是一个不同的问题，可以通过设置如下的PHP响应标题轻松实现。 header('HTTP / 1.1 401 Unauthorized'，true，401);
注意详细说明？我没有很多PHP的经验。代码中的位置我应该放置标题。
我已经更新了我的答案。这应该在未经授权时将ajax响应移动到错误部分。
它没有什么区别，我仍然得到"data.success：undefined"。我认为它无法读取JSON的"成功"键/值对。
你确定你的代码流到了其他部分吗？你能否验证一下。
不，我不认为它到达了其他部分。我将我的javascript更改为：success：function(data){console.log(data);在控制台中，我看到：["登录成功"]包含正确和错误的凭据。
你需要检查这一行。 if($ row ['username'] == $ username)//如果用户名和密码未被接受要么您没有从客户端收到有效值，要么您的查询结果不符合预期。在两个变量中尝试var_dump()并共享响应。
我单独检查了php文件，它正在接收$ _POST，但我不知道如何检查从ajax.being发送的数据是否在php中正确接收。我如何在php中使用var_dump，我可以看到ajax发送的数据？目前我在chrome上使用inspect元素控制台。还要感谢您的帮助，我是初学者，非常感谢您帮助我解决这个问题。
使用它如下所述。后续代码var_dump($ _ POST);后续代码var_dump($行);尝试exit();用于停止执行的功能。如果您需要进一步的帮助，请告诉我:)如果有帮助，您也可以接受答案：P
我弄清楚出了什么问题，现在我只是遇到了按键访问返回的json的问题。请在下面查看我的答案，谢谢。

试试这个：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28