Posting formulir Javascript ke halaman lain [duplikat]

Saya menggunakan jquery mobile untuk phonegap pada aplikasi yang saya buat, jadi saya hanya diperbolehkan HTML, JavaScript, dan CSS. (tanpa PHP) Saya harus meneruskan input dari kotak teks ke halaman berikutnya ketika mereka mengisi teks area ini, saya hanya tidak yakin bagaimana melakukannya dalam JavaScript tanpa php.
//bidang input teks

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

//label tombol untuk seleksi

<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 sumber

Jawaban (3)


arrow_upward
0
arrow_downward

Anda harus menggunakan Jquery untuk melakukan cara yang lebih efektif. Saya akan memberikan contoh cara melakukannya:

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>

Untuk jQuery Ajax Form Submit, kita bisa menggunakan metode jQuery.ajax() atau jQuery.post(). Untuk membuat serial data form, kita bisa menggunakan jQuery.serialize() atau 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

Tulis data Anda di cookie atau di penyimpanan lokal browser.

Setelah itu Anda bisa mengaksesnya di halaman lain.

person onetwo12    schedule 21.08.2014

arrow_upward
-1
arrow_downward

Apakah solusi-solusi ini dapat diterima?

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

Saya menyarankan agar penyimpanan lokal tidak dilakukan karena ada "fitur" yang diketahui yang tidak dapat diakses dalam mode penjelajahan pribadi browser apa pun (kesalahan penyimpanan lokal HTML5 dengan Safari: QUOTA_EXCEEDED_ERR: Pengecualian DOM 22: Upaya dilakukan untuk menambahkan sesuatu ke penyimpanan yang melebihi kuota.)

Saya juga dapat mempertimbangkan cookie, tetapi ini dapat dimanipulasi. Tergantung pada seberapa sensitif data Anda

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

person user1874538    schedule 21.08.2014
comment
Adakah alasan khusus untuk penolakan tersebut? - person user1874538; 21.08.2014