Как использовать jquery ajax с отправкой формы

Question

Изменен код для этого сейчас. Форма находится в subscribe.php, которая включена в индексную страницу.

<form class="subscribe" id="email" method="get"> 
    <input class="email" id="emailaddress" name="email" type="text" placeholder="EXAMPLE@EMAIL.COM" required> 
    <input class="button" type="submit" id="emailSub" value="Subscribe"> 
</form> 
<div id="subResult"></div> 

Jquery находится в нижней части страницы индекса

$(document).ready(function() { 
    $('#emailSub').click(function() { 
     var email = $('#emailaddress').val(); 
     alert(email); 
     $.ajax({ 
      type: "GET", 
      dataType: 'script', //<-Data Type for AJAX Requests(xml | html | script | json) 
      url: 'checksub.php', 
      data: { 
       'e': email 
      }, 
      success: function(result) { 
       $("#subResult").html(result); 
      } 
     }); 
    }) 
}); 

Checksub страница это сейчас для тестирования.

<?php include 'admin/includes/db_connection.php'; ?> 
<?php 
$email = mysqli_real_escape_string($db, $_GET['e']); 
echo "test string:"; 
echo $email; 
?> 

Answer 1

Возможно, вам стоит сменить dataType? попробуйте:

$.ajax({ 
    type: "GET", 
    dataType: 'html', //<-Data Type for AJAX Requests(xml | html | script | json) 
    url: 'checkemail.php', 
    data: { 
     'e': email 
    }, 
    success: function(data) { 
     $("#subResult").html(result); 
    } 
}); 

и

<input class="button" type="submit" id="emailSub" value="Subscribe"> 
          ^HERE 

должно быть:

<input class="button" type="button" id="emailSub" value="Subscribe"> 

из submit является формой и завершения заполнения обновить страницу .. так JQuery не работает ..

Specifying the Data Type for AJAX Requests

Answer 2

Вы предотвращаете отправку сообщения по умолчанию по нажатию кнопки?

$('#emailSub').click(function(e){ 
    e.preventDefault(); 
    var email = $('#emailaddress').val(); 
    $.ajax({url:"checkemail.php?e="+email,success:function(result){ 
     $("#subResult").html(result); 
    }}); 
})