php无法接到从$.ajax传过来的数据

试图从index页面传值email和password到php,index页面没有问题,php页面总是“undefined index email...”,

<!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页面如下:


<?php

error_reporting(E_ALL);
ini_set('display_errors',1);

define ("root",$_SERVER['DOCUMENT_ROOT']);
// echo root;
include root.'/maroon5/includes/dbh.php';
var_dump($_REQUEST);

$email = $_POST['email'];
$pwd = $_POST['pass'];

echo "$email";

?>

index页面截图

php页面截图

阅读 4.6k
5 个回答

id="bolero-user-login" 类型改为不是submit。默认提交使click ajax失效。

@caoxiaoshuai 同学回答的是对的,你的点击事件被覆盖了。也可以用<button id="bolero-user-login">login</button>来代替。

前后端的代码都没有什么问题,我感觉问题可能出在 /maroon5/includes/dbh.php 文件里面有异常。

表单的的submit,默认是submit事件,直接刷新页面,就不会触发点击事件。
input标签换成button标签,或者用js的preventDefault()阻止默认事件

把submit去掉

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题