โพสต์แบบฟอร์ม Javascript ไปยังหน้าอื่น [ซ้ำกัน]

ฉันใช้ jquery mobile สำหรับ phonegap บนแอปที่ฉันกำลังสร้าง ดังนั้นฉันจึงอนุญาตเฉพาะ HTML, JavaScript และ CSS เท่านั้น (ไม่ใช่ PHP) ฉันต้องส่งข้อมูลจากกล่องข้อความไปยังหน้าถัดไปเมื่อกรอกข้อความ พื้นที่ ฉันไม่แน่ใจว่าจะทำอย่างไรใน JavaScript โดยไม่มี php.
//text input feild

<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

เขียนข้อมูลของคุณในคุกกี้หรือในที่เก็บข้อมูลในเครื่องของเบราว์เซอร์

หลังจากนั้นคุณสามารถเข้าถึงได้ในหน้าอื่น

person onetwo12    schedule 21.08.2014

arrow_upward
-1
arrow_downward

วิธีแก้ปัญหาเหล่านี้เป็นที่ยอมรับหรือไม่?

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

ฉันอยากจะแนะนำกับที่จัดเก็บในตัวเครื่องเนื่องจากมี "คุณสมบัติ" ที่ทราบว่าไม่สามารถเข้าถึงได้ในโหมดการเรียกดูส่วนตัวของเบราว์เซอร์ใด ๆ (ข้อผิดพลาด html5 localStorage กับ Safari: QUOTA_EXCEEDED_ERR: DOM Exception 22: มีการพยายามเพิ่มบางสิ่งลงในพื้นที่เก็บข้อมูลที่เกินโควต้า)

ฉันยังสามารถพิจารณาคุกกี้ได้ แต่สิ่งเหล่านี้สามารถจัดการได้ ขึ้นอยู่กับความละเอียดอ่อนของข้อมูลของคุณ

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

person user1874538    schedule 21.08.2014
comment
มีเหตุผลอะไรเป็นพิเศษสำหรับการลงคะแนนเสียงหรือไม่? - person user1874538; 21.08.2014