2015-03-04 2 views
1

Я не уверен, почему я не могу опубликовать содержимое поля электронной почты,jquery ajax поле электронной почты

вот мой код.

<html> 
<head> 
    <title></title> 
    <script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 
</head> 
<body> 
    <input type="text" id="email" name="email"> 
    <input type="button" id="submit" name="submit" value="submit"> 
</body> 

<script type="text/javascript"> 

$(document).ready(function() { 

    $('#submit').click(function (event) { 
     var email = $('#email').val(); 
     console.log(email), 
     $.ajax({ 
      url: 'db.php', 
      type: 'POST', 
      data: 'email=' + 'email', 
      success: function (data) { 
       console.log(data); 
      } 
     }) 
    }); 

}); 

</script> 
</html> 

бэкенд файл "db.php"

<?php 
$email = $_POST['email']; 
echo "$email"; 

Я могу console.log электронной почты, и отображает правильно, прежде чем он будет представлен DB.php.

консольный журнал возвращает только «электронную почту».

Не уверен, что случилось, ваша помощь очень ценится.

Благодаря

+0

Ты ссылаясь на вас console.log (данные) retur ning только «электронная почта»? Если это так, то это потому, что вы передаете его только «по электронной почте». Если вы хотите, чтобы ajax возвращал email.val(), затем передайте письмо var в ajax, а не только строку «email». –

ответ

5

Вы отправляете строку "email", в то время как вы хотите отправить значение переменной:

$.ajax({ 
    url: 'db.php', 
    type: 'POST', 
    data: 'email=' + email, // or data: {email: email} 
    success: function (data) { 
     console.log(data); 
    } 
}); 
+0

Большое спасибо – Deano

0

Используйте это, это поможет

<script type="text/javascript"> 
 

 
$(document).ready(function() { 
 

 
    $('#submit').click(function (event) { 
 
     var email = $('#email').val(); 
 
     console.log(email), 
 
     $.ajax({ 
 
      url: 'db.php', 
 
      type: 'POST', 
 
      data: {email: email}, 
 
      success: function (data) { 
 
       console.log(data); 
 
      } 
 
     }) 
 
    }); 
 

 
}); 
 

 
</script>

Смежные вопросы