Проблемы с получением данных от AJAX до PHP (и обратно)

Question

Идея заключается в том, что этот скрипт POST присваивает значение текстового ввода в моей форме html emailform.php, которое берет эти данные и добавляет его в файл .txt. Я думаю, что у меня возникают проблемы с настройкой значения $email в PHP на то, что в текстовом вводе html. В результате, в настоящий момент, когда скрипт запускается, я получаю два предупреждения (первая «ошибка», затем «полная», из функций .fail и .complete), а затем перезагрузка страницы. Вот почему я думаю, что проблема заключается в том, что информация возвращается из PHP, но, возможно, я ошибаюсь.

<form method="post"> 
    <input type="text" name="email" value="" class="emailSubmitSidebar" placeholder=" Your Email"> 
    <input type="submit" name="submit" value="Add" class="submitButton" id="subscribeButton"> 
</form> 
<script type='text/javascript'> 
    $(document).ready(function() { 
     var subscribeButton = $('#subscribeButton'); 
     subscribeButton.click(function() { 
      $.ajax({ 
       url: 'emailform.php', 
       type: 'POST', 
       dataType: 'text', 
       data: {email: $("input[name=email]").val()}, 
      }) 
      .done(function(data) { 
       alert("Added!"); 
      }) 
      .fail(function() { 
       alert("error"); 
      }) 
      .always(function() { 
       alert("complete"); 
      }) 
     }) 
    }) 
</script> 

И ниже PHP, я добавил первые две строки для проверки любых ошибок, которых больше нет. Странно, что когда я запускаю PHP отдельно, строка echo печатает номер 3 на странице без каких-либо очевидных причин. Я прокомментировал переменную $email, потому что мне повезло, что было лучше/необходимо сначала проверить, не isset.

<?php 
    ini_set('display_errors', 'On'); 
    error_reporting(E_ALL); 
    $fileHandle = fopen('emailList.txt', 'a') OR die ("Can't open file\n"); 
    $email= isset($_POST['email']) ? $_POST['email'] : ""; 
    // $email=$_POST['email']; 
    $result = fwrite ($fileHandle, "$email; \n"); 
    fclose($fileHandle); 
    echo (!$result) ? "error" : $result; 
    die; 
?> 

Answer 1

Я думаю, что есть что-то не так с вашими данными, попытайтесь сериализовать его в массив JSON данных:

var data = $(form).serialize(); 

$.ajax({ 
    url: 'emailform.php', 
    type: 'POST', 
    dataType: 'text', 
    data: data, 
}) 

Значения будут посланы как обычный запрос пост, так что адрес электронной почты будет быть в $_POST['email'];

Обновлено здесь

В Jquery .done() и .fail() функции требуют HTTP коды статуса для работы, так что ваш файл PHP должен вернуть эти коды. Когда запрос сделан и преуспел, все в диапазоне 200 будет в порядке. Хотя при ошибке следует вернуть что-то из диапазона 400 или 500. Существует полный список здесь: http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html

Таким образом, функция ajax .success запускается, когда возвращается 2xx (замените .done на .success), и вызывается .error, когда возвращается код состояния 4xx или 5xx. Смотрите, как это реализовать.

номер 3 вы получаете это $ возвращаемого значения FWRITE функции, в соответствии с: http://nl3.php.net/fwrite

FWRITE() возвращает количество записанных байт, или FALSE при ошибке.

сделать ваш PHP как это:

<?php 
//ini_set('display_errors', 'On'); 
//error_reporting(E_ALL); 

if($fileHandle = fopen('emailList.txt', 'a')) { 

    if(isset($_POST['email']) && !empty($_POST['email'])) { 
    $email = $_POST['email']; 

    $result = fwrite ($fileHandle, "$email; \n"); 
    fclose($fileHandle); 

    if(isset($result) && !empty($result)) { // Something was written 
     http_response_code(200); 
     echo "File written"; 
    } else { // Writing failed 
     http_response_code(500); 
     echo "Writing of file failed"; 
    } 
    } else { // Empty email 
    http_response_code(500); 
    echo "Email was empty"; 
    } 
} else { // File could not be opened 
    http_response_code(500); 
    echo "File could not be opened for writing"; 
} 
?> 

Answer 2

(Simple)

Изменить HTML для:

<input type="text" name="email" value="" class="emailSubmitSidebar" placeholder=" Your Email"> 

Изменение JS для:

 $.ajax({ 
     url: 'emailform.php', 
     type: 'POST', 
     dataType: 'text', 
     data: {email: $("input[name=email]").val()} 
    }) 
    .done(function(data) { 
     // there checking 
     alert("success!") 
    }) 

Изменить PHP для:

$fileHandle = fopen('emailList.txt', 'a') OR die ("Can't open file\n"); 
    $email=$_POST["email"]; 
    $result = fwrite ($fileHandle, "$email; <br/>"); 
    fclose($fileHandle); 
    echo (!$result)? "error" : $result; 
    die;