I don't know where is the problem.I try to pass the email and password to the php page,but it always"undefined index email.."''the index page is alright,but the php page can not receive any data from ajax,I have never seen situation like this. index page :
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).on('click',"#bolero-user-login",function(){
var email = $("#edit-name").val();
var pass = $("#edit-pass").val();
$.ajax({
url:"login.php",
type:"POST",
data:{ "email":email,"pass":pass},
success:function(data){
console.log(data);
alert(data);
$("#edit-name").val(" ");
$("#edit-pass").val(" ");
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
},
});
return false;
});
});
</script>
</head>
<body>
<form id="userid" class="user-login-id" >
<div style="height: 204px;">
<div class="form-name form-it">
<label for="edit-name" >E-mail Address
<span >*</span> <br/></label>
<input id="edit-name" type="text" name="email" />
</div>
<div class="form-pass form-it" id="it">
<label for="edit-pass">Password<span >*</span><br/> </label>
<input id="edit-pass" type="text" name="pass" />
</div>
<div class="form-ac">
<input id="bolero-user-login" type="submit" value="Login" >
</div>
</div>
</form>
</body>
</html>
PHP page:
<?php
//
//
define ("root",$_SERVER['DOCUMENT_ROOT']);
// echo root;
include root.'/maroon5/includes/dbh.php';
var_dump($_REQUEST);
$email = $_POST['email'];
$pwd = $_POST['pass'];
//echo "$email";
?>