jQuery Мобильная форма сообщения ajax не работает?

Question

В настоящее время я создаю простую страницу входа на jQuery Mobile.Вот мой код:

<div data-role="page"> 
    <div data-role="header"><h1>Header</h1></div>
    <?php

    if(isset($_POST['username']) && isset($_POST['password'])){
        die("hello");
    } 

    ?>
    <div data-role="content">
        <form method="post">
                <div data-role="fieldcontain">
                <label for="username">Username:</label>
                <input id="username" type="text" name="username" />
            </div>
            <div data-role="fieldcontain">
                <label for="password">Password:</label>
                <input id="password" type="password" name="password" />
            </div>
            <input type="submit" value="Sign In" data-inline="true" data-theme="b" />
        </form>
    </div>
    <div data-role="footer"><h4>Footer</h4></div>
</div>

Всякий раз, когда я ввожу имя пользователя и пароль, используя firebug, я могу сказать, что было отправлено правильное сообщение, однако страница, которая возвращается через ajax для загрузки на страницу, делаетне имеют die("hello") в нем.Это та же страница, на которой я ввел информацию для входа.

Я неправильно использую систему форм jQuery Mobile?

Answer 1

Возможно, вы захотите отключить Ajax, пока вы устраняете неполадки при отправке формы.Обработка Ajax отправки форм внутри JQuery Mobile реализована автоматически для создания плавного перехода между формой и результатом.Подробности, здесь .Чтобы отправить форму без Ajax, вы можете отключить обработку формы Ajax глобально или для каждой формы через атрибут

data-ajax="false"

.Или, глобально,

$(document).bind("mobileinit", function () {
   $.mobile.ajaxEnabled = false;
});