Публикация формы Javascript на другой странице

Я использую jquery mobile для телефонной связи в приложении, которое я делаю, поэтому мне разрешены только HTML, JavaScript и CSS (без PHP). Мне нужно передать ввод из текстового поля на следующую страницу, когда они заполняют текст область, я просто не знаю, как это сделать в JavaScript без php.
//поле ввода текста

<div data-role="fieldcontain"><label for="name-c">Enter Challenge:</label>
<input id="name-c" name="name" type="text" value="" /></div>

//названия кнопок для выбора

<div data-role="fieldcontain"><label class="select" for="select-choice-c">Challenge Type:</label> <select id="select-choice-c" name="select-choice-c"><option value="standard">Challenge</option><option value="rush">Public Challenge</option> </select></div>

Any help would be awesome! Thanks!


javascript html jquery-mobile
person Nick Thoroughman    schedule 21.08.2014    source источник

Ответы (3)


arrow_upward
0
arrow_downward

вам нужно использовать Jquery, чтобы сделать это более эффективно. Я приведу пример того, как это сделать:

Below is the Simple HTML Form.
    <form name="ajaxform" id="ajaxform" action="ajax-form-submit.php" method="POST">
        First Name: <input type="text" name="fname" value =""/> <br/>
        Last Name: <input type="text" name="lname" value ="" /> <br/>
        Email : <input type="text" name="email" value=""/> <br/>
    </form>

Для отправки формы jQuery Ajax мы можем использовать метод jQuery.ajax() или jQuery.post(). Чтобы сериализовать данные формы, мы можем использовать jQuery.serialize() или jQuery.serializeArray().

//callback handler for form submit
$("#ajaxform").submit(function(e)
{
    var postData = $(this).serializeArray();
    var formURL = $(this).attr("action");
    $.ajax(
    {
        url : formURL,
        type: "POST",
        data : postData,
        success:function(data, textStatus, jqXHR) 
        {
            //data: return data from server
        },
        error: function(jqXHR, textStatus, errorThrown) 
        {
            //if fails      
        }
    });
    e.preventDefault(); //STOP default action
    e.unbind(); //unbind. to stop multiple form submit.
});

$("#ajaxform").submit(); //Submit  the FORM
person HdezCortes    schedule 21.08.2014

arrow_upward
-1
arrow_downward

Запишите свои данные в файлы cookie или в локальное хранилище браузера.

После этого вы можете получить к нему доступ на другой странице.

person onetwo12    schedule 21.08.2014

arrow_upward
-1
arrow_downward

Приемлемы ли какие-либо из этих решений?

http://www.gajotres.net/passing-data-between-jquery-mobile-pages/

Я бы посоветовал не использовать локальное хранилище, поскольку существует известная «функция», которая недоступна в любом режиме приватного просмотра браузера (html5 localStorage error with Safari: QUOTA_EXCEEDED_ERR: DOM Exception 22: Предпринята попытка добавить что-то в хранилище, превышающее квоту.)

Также я мог бы рассмотреть файлы cookie, но ими можно манипулировать. В зависимости от того, насколько конфиденциальны ваши данные

http://www.javascripter.net/faq/settinga.htm

person user1874538    schedule 21.08.2014
comment
Какая-то конкретная причина для отрицательного голосования? - person user1874538; 21.08.2014