Question

我在我正在制作的应用程序上使用jquery mobile for phonegap，所以我只允许使用HTML，JavaScript和CSS。（没有PHP）我需要将输入从文本框传递到下一页填充在文本区域外，我只是不确定如何在没有php的情况下在JavaScript中执行此操作 //文本输入领域

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

任何帮助都会很棒！谢谢！

Answer 1

你必须使用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 Form Submit，我们可以使用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

Answer 2

将您的数据写入Cookie或浏览器的本地存储空间。

之后，您可以在另一页上访问它。

Answer 3

这些解决方案是否都可以接受？

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

我建议不要使用本地存储，因为有一个已知的“功能”，它在任何浏览器隐私浏览模式下都无法访问（html5 localStorage error with Safari: "QUOTA_EXCEEDED_ERR: DOM Exception 22: An attempt was made to add something to storage that exceeded the quota."）

我也可以考虑使用cookies，但这些可以被操纵。取决于您的数据的敏感程度

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

Javascript表单发布到另一页面

3 个答案: