-1
如果我執行下面的代碼，然後我啓用了螢火蟲。在提交表單時，在控制檯中的螢火蟲「post to login_submit.php」顯示爲紅色。並且我也沒有得到任何迴應。ajax發佈在螢火蟲控制檯顯示爲紅色
<!DOCTYPE html>
<html>
<head>
<title>Login page</title>
<script type="text/javascript" src="js/jquery.min.js">
</script>
<script type="text/javascript" src="js/scripts.js">
</script>
<script type="text/javascript" src="js/bootstrap.js">
</script>
<script type="text/javascript" src="js/bootstrap-tooltip.js">
</script>
<script type="text/javascript" src="js/bootstrap-popover.js">
</script>
<script type='text/javascript'>
jQuery.fn.extend(
{
scrollToMe: function() {
var x = jQuery(this).offset().top - 100;
jQuery('html,body').animate({scrollTop: x}, 500);
}
}
);
function show_error(id_wth_hash, Message) {
alert(id_wth_hash);
alert(Message);
//$("*[id]").popover('hide');
// $("[id^='id_*']").popover('hide');
// $("[id^='id_*']").popover('hide');
// $("#id*").popover('hide');
/* var oArr = {};
$("*[id]").each(function() {
var id = $(this).attr('id');
if (!oArr[id]) oArr[id] = true;
});
for (var prop in oArr)
alert(prop); */
// alert(id_wth_hash);
$(id_wth_hash).popover({title: "<B style='color:red'>Error<\/B>", content: Message, placement: 'left'});
var popovertemp = $(id_wth_hash).data('popover');
popovertemp.options.content = Message;
$(id_wth_hash).popover('show');
//$("*[id]").not(id_wth_hash).popover('hide');
// $.not(id_wth_hash).popover('hide');
$(id_wth_hash).focus();
//$(id_wth_hash).scrollTop($('a#captchaAnchor').position().top)
//$('html, body').animate({ scrollTop: $(id_wth_hash).offset().top }, 500);
$(id_wth_hash).scrollToMe();
/* $(id_wth_hash).focus(function() {
$(id_wth_hash).popover('hide');
});
*/
$(id_wth_hash).bind("keyup input paste", function()
{
//Do Work Here
$(id_wth_hash).popover('hide');
}
);
$(id_wth_hash).click(function()
{
$(id_wth_hash).popover('hide');
}
);
$(id_wth_hash).hover(function()
{
$(id_wth_hash).popover('hide');
}
);
}
$(function()
{
//show_error('#id_txt_user','I Have passed the value');
$("#pwd_login").tooltip({title: 'Min.6 Characters , 1 number ,1 lowercase ,1 UpperCase, 1 Symbol are expected', placement: 'right'});
$("#user_login").tooltip({title: 'Registered Email', placement: 'right'});
}
);
function submit_login_form()
{
var action = "login_submit.php";
$.ajax(
{
url: 'login_submit.php',
type: 'POST',
data: $('#login').serialize(),
success: function(data_in)
{
alert(data_in);
if (data_in !== null && !isEmpty(data_in) && (data_in).indexOf('VALIDATION_ERROR') !== -1)
{
var value = data_in.substr(data_in.indexOf('VALIDATION_ERROR'), data_in.indexOf('|#END#'));
var array_str = value.split('|');
var id_val = "#id_" + array_str[1].trim();
show_error(id_val, array_str[2]);
} else
{
window.location.replace('jb_organization_regn_confirm.html');
}
}
}
);
return false;
}
</script>
</head>
<body>
<form action="login_submit.php" id="login">
<h1>LOGIN</h1>
Email<input value="" name="user_email" id="user_login"><br>
Password<input value="" name="pwd" type="password" id="pwd_login"><br>
<input type="checkbox" name="remember_me">Stay Signed In<br>
<input type="submit" value="login" onclick="submit_login_form()">
</form>
</body>
</html>
下面一個是我的login_submit.php
<?php require 'db.php'; ?>
<?php require 'shopping_user_class.php'; ?>
<?php
$error_op = " START ";
$obj_shopping_login = new user;
//$obj_shopping_login->shopping_user_name = "";
$obj_shopping_login->shopping_user_pwd = "";
$obj_shopping_login->shopping_user_email = "";
$obj_shopping_login->remember_me = "";
function Collect_all_form_variables() {
global $obj_shopping_login;
global $error_op;
try {
$obj_shopping_login->shopping_user_email = $_POST["user_email"];
$obj_shopping_login->shopping_user_pwd = $_POST["pwd"];
if (isset($_POST['remember_me']) &&
$_POST['remember_me'] == 'yes') {
$obj_shopping_login->remember_me = 'yes';
} else {
$obj_shopping_login->remember_me = 'no';
}
} catch (Exception $e) {
echo 'Error: ' . $e->getMessage();
$error_op = 'Collect_all_form_variables' . $error_op . $e->getMessage();
}
}
function check_useremail_and_password($current_user_email,$current_user_pwd) {
global $error_op;
try {
global $pdo;
$sth = $pdo->prepare("SELECT * from photostudio.user WHERE UPPER(email) = UPPER(:current_user_email) AND pwd=:current_user_pwd");
// Execute the query, replacing the placeholders with their true value
$sth->execute(array(
':current_user_email' => trim($current_user_email),
':current_user_pwd'=>current_user_pwd
));
if ($sth->rowCount() > 0) {
return true;
}
return false;
} catch (PDOException $e) {
echo 'Error: ' . $e->getMessage();
$error_op = 'check_useremail_and_password ' . $error_op . $e->getMessage();
}
return true;
}
function validate_form_stage1() {
//alert("please");
$required = array('user_email', 'pwd');
// Loop over field names, make sure each one exists and is not empty
$error = false;
foreach ($required as $field) {
if (empty($_POST[$field])) {
$error = true;
break;
}
}
if ($error) {
return "VALIDATION_ERROR|" . $field . "|Value is Required|#END#";
} else {
return "SUCCESS";
}
}
function process_request() {
global $obj_shopping_login;
global $error_op;
$all_values_are_present = validate_form_stage1();
if (substr($all_values_are_present, 0, 16) === "VALIDATION_ERROR") {
echo $all_values_are_present;
return false;
}
Collect_all_form_variables();
if (check_useremail_and_password() == true) {
echo "Success" . $error_op;
} else {
echo "Failed" . $error_op;
}
}
?>
運行它與Fiddler2運行，所以你可以得到任何失敗的全部細節（這可能是紅色日誌條目的原因）。 –
[ajax發佈的可能重複在螢火蟲顯示爲紅色]（http://stackoverflow.com/questions/19590935/ajax-posting-is-shown-as-red-color-in-firebug） – bfavaretto
你應該真的看到一些更多的信息，當你點擊紅色的網絡線 - 頭，響應等 –