Javascript ajax发布在firebug控制台中显示为红色
如果我执行以下代码，那么我启用了firebug。在提交表单时的firebug中，控制台中的“post to login_submit.php”显示为红色。我也没有得到任何响应Javascript ajax发布在firebug控制台中显示为红色,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,如果我执行以下代码，那么我启用了firebug。在提交表单时的firebug中，控制台中的“post to login_submit.php”显示为红色。我也没有得到任何响应 <!DOCTYPE html> <html> <head> <title>Login page</title> <script type="text/javascript" src="js/
<!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>
登录页面
jQuery.fn.extend(
{
scrollToMe:函数（）{
var x=jQuery（this）.offset（）.top-100；
jQuery（'html，body'）.animate（{scrollTop:x}，500）；
}
}
);
函数显示错误（id和哈希、消息）{
警报（id和哈希）；
警报（信息）；
//$（“*[id]”）。popover（'hide'）；
//$（“[id^='id_*']”）.popover（'hide'）；
//$（“[id^='id_*']”）.popover（'hide'）；
//$（“#id*”）.popover（'hide'）；
/*var-oArr={}；
$（“*[id]”）。每个（函数（）{
var id=$（this.attr（'id'）；
如果（！oArr[id]）oArr[id]=true；
});
用于（桨中的var支柱）
警报（道具）*/
//警报（id和哈希）；
$（id_wth_hash）.popover（{title:“Error”，内容：Message，place:'left'}）；
var popovertemp=$（id和hash）.data（'popover'）；
popovertemp.options.content=消息；
$（id和hash.popover（'show'）；
//$（“*[id]”）。不是（id和散列）。popover（'hide'）；
//$.not（id和hash）.popover（'hide'）；
$（id和hash.focus（）；
//$（id_wth_hash）.scrollTop（$（'a#captchaanch'）.position（）.top）
//$（'html，body'）.animate（{scrollTop:$（id_wth_hash）.offset（）.top}，500）；
$（id包含哈希）。scrollToMe（）；
/*$（id和hash）.focus（函数（）{
$（id和hash.popover（'hide'）；
});
*/
$（id和hash）.bind（“键控输入粘贴”，函数（）
{
//你在这里工作吗
$（id和hash.popover（'hide'）；
}
);
$（id包含哈希）。单击（函数（）
{
$（id和hash.popover（'hide'）；
}
);
$（id与哈希值）。悬停（函数（）
{
$（id和hash.popover（'hide'）；
}
);
}
$（函数（）
{
//显示错误（“#id_txt_user”，“我已传递值”）；
$（“#pwd_登录”）。工具提示（{title:'最少6个字符，1个数字，1个小写字母，1个大写字母，1个符号，位置：'右'}）；
$（“#用户登录”）。工具提示（{title:'已注册电子邮件'，placement:'right'}）；
}
);
函数提交\登录\表单（）
{
var action=“login\u submit.php”；
$.ajax(
{
url:'login_submit.php'，
键入：“POST”，
数据：$（'#login'）。序列化（），
成功：功能（数据输入）
{
警报（数据输入）；
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（'124;#END#'）；
var数组_str=value.split（“|”）；
var id_val=“#id_”+数组_str[1]。trim（）；
显示错误（id值、数组字符串[2]）；
}否则
{
window.location.replace（'jb_organization_regn_confirm.html'）；
}
}
}
);
返回false；
}
登录
电子邮件
密码
保持登录状态
<?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;
}
}
?>
因为表单正在提交，导致http连接被切断。取消表单的提交
onsubmit="return false"
理想情况下，您应该在提交表单时调用函数，而不是单击按钮 在运行Fiddler2的情况下运行它，以便获得所有故障的完整详细信息（这可能是红色日志条目的原因）。当您单击红色网络行时，您应该可以看到更多信息-标题、响应等。除了红色之外，还有更多详细信息，它是否会出现类似“未找到”等错误。您的php文件是否与ajax代码位于同一目录中？这很可能意味着您有服务器问题-如果您的服务器未返回错误500，请检查标题并检查服务器日志。。。这种状态通常来自不正确的
.htaccess