Нет Javascript Fallback для отправки формы AJAX

Question

Я новичок в AJAX и в процессе преобразования некоторых обычных форм HTML в AJAX.

Моя существующая реализация выглядит следующим образом: form (на странице1.php) сообщения на page2.php, который выполняет некоторую проверку почтовых данных и перенаправляет на страницу с ошибкой, если что-то отсутствует. Если ввод в порядке, он включает page3.php, который обрабатывает запрос и перенаправляет обратно на page1.php.

PHP/page1.php

<form method="post" action="/php/page2.php" > 
    <input type="text" name="input1" placeholder="Howdy..." /> 
    <input type="text" name="input2" placeholder="Howdy..." /> 

    <input type="submit" value="Submit" />  
</form> 

PHP/page2.php

<?php 

    // perform some validation on inputs 
    if (empty($_POST['input1'])) 
    { 
    $location ='Location: /php/error.php'; 
    header($location); 
    exit; 
    } 

    // Inputs are fine 
    include('/php/page3.php'); 

?> 

page3.php

<?php 

    // do some form processing 


    // redirect back to page1.php 
    $location = 'Location: /php/page1.php"; 
    header($location); 
    exit; 
?> 

Чтобы преобразовать в AJAX, я использую @ решения SSL на это СО ссылка How to show loading gif when request goes Ajax http://jsfiddle.net/clickthelink/Uwcuz/1/

Ошибка с страницы проверки и успешности отображается на странице1.php обратно через функцию обратного вызова.

PHP/page2.php

<?php 

    // perform some validation on inputs 
    if (empty($_POST['input1'])) 
    { 
    // Echo erorr code isntead of redirect 
    echo "Please enter input1"; 
    return; 

    //$location ='Location: /php/error.php'; 
    //header($location); 
    //exit; 
    } 

    // Inputs are fine 
    include('/php/page3.php'); 

?> 

page3.php

<?php 

    // do some form processing 

    // Echo success instead of redirect 
    echo "SUCCESS"; 

    // redirect back to page1.php 
    //$location = 'Location: /php/page1.php"; 
    //header($location); 
    //exit; 
?> 

Эта часть работает отлично.

Мой вопрос (наконец), как обращаться с пользователями, у которых отключен javascript? Я знаю, что форма будет отправлена ​​соответствующим образом, но я не получу перенаправление в случае ошибки или успеха. В этом случае я хотел бы сохранить тип перенаправления заголовка(). Это возможно? Я был бы признателен за помощь.

Answer 1

Держите текущую настройку формы, как есть, если он работает для вас без JavaScript.

Для браузеров с поддержкой javascript вы можете захватить событие «отправить» в форме. Захватите событие и отправьте форму через ajax в сценарии/страницы, которые обрабатывают и возвращают данные в формате, удобном для javascript, для конечного потребления.

Например, с помощью JQuery:

<form method="post" action="/php/page2.php" id="js-form" > 
    <input type="text" name="input1" placeholder="Howdy..." /> 
    <input type="text" name="input2" placeholder="Howdy..." /> 
    <input type="submit" value="Submit" />  
</form> 

<script> 
$(document).ready(function(){ 
    $('#js-form').on('submit',function(e){ 

     // logic to submit ajax form and handle response 

     // return false to cancel native browser form submission. 
     return false; 
    }); 
}); 
</script> 

Другая идея состоит в том, чтобы сохранить страницы у вас уже есть, но отправить флаг с запросом на AJAX, чтобы отключить браузер перенаправляет заголовки. Например, добавьте 'src = ajax' при отправке формы через ajax. Затем в скрипте используйте логику, чтобы сказать:

<?php 
    if(!empty($_REQUEST['src'] && $_REQUEST['src'] == 'ajax') { 
     // add redirect logic here. 
    } 
?> 

Answer 2

Вы хотите определить, является ли это xhr-запросом, и по умолчанию используется поведение не-ajax, если это не так.

Я хотел бы посмотреть на $_SERVER['HTTP_X_REQUESTED_WITH']