Jquery mobile 使用jQuery Mobile在页面之间传递数据?

Jquery mobile 使用jQuery Mobile在页面之间传递数据?,jquery-mobile,get,Jquery Mobile,Get,因此,我刚刚开始学习jQuery Mobile,并且学习了它如何通过ajax加载所有链接,而不实际加载下一页。我的一些页面使用表单并将数据传递到下一个页面——在使用jQuery Mobile时如何做到这一点?我认为JQM很酷的一点是,您不必使用参数在页面之间传递数据。由于您与第一个页面位于同一个DOM中,因此可以使用普通的旧变量访问数据,即 field1 = $('[name=field1]').val(); field2 = $('[name=field2]').val(); 只要您使用JQ

因此,我刚刚开始学习jQuery Mobile,并且学习了它如何通过ajax加载所有链接,而不实际加载下一页。我的一些页面使用表单并将数据传递到下一个页面——在使用jQuery Mobile时如何做到这一点?

我认为JQM很酷的一点是,您不必使用参数在页面之间传递数据。由于您与第一个页面位于同一个DOM中,因此可以使用普通的旧变量访问数据,即

field1 = $('[name=field1]').val();
field2 = $('[name=field2]').val();
只要您使用JQM的ajax特性,就可以在下一页中执行以下操作:

$('.title').text(field1);
我为你做的

其他方法是使用localStorage或sessionStorage api,或者文档中也提到了一些插件


  • 通常,jQuery移动页面之间有两种传递参数的方法

  • 在第一页修改Ajax地址,并在下一页解析Ajax以获取参数
  • 使用HTML5 sessionStorage(一种Web存储)传输参数

  • 这是使用ajax地址传输参数的方法。


    使用sessionStorage/localStorage传输参数,您可以在第一页添加此代码

    <a href="#page_Parameter1" onclick="sessionStorage.ParameterID=123">
        Before go to next page, parameter id is storaged into sessionStorage.
    </a>
    

    为什么Aerovistae不接受这个答案?我有同样的问题,这个答案帮助我看了看这个JSFIDLE的家伙……晚了两年半,但这并不意味着这个答案应该被删除。我为任何会像我一样发现它有用的人粘贴。不管我怎么晚了,但是很好:)好的,说得好,谢谢
    $('#page_Parameter1').live('pageshow', function(event, ui) {
        alert('Parameter ID: ' + sessionStorage.ParameterID);
    });