使用服务器

时间:2015-04-26 20:21:14

标签: jquery-mobile

我正在使用jquery mobile 1.4.5

我有多页应用程序的以下伪编码版本:

[[ page1 ]]
  [[ button to open panel1 ]]
  [[ panel1 ]]
    [[ form ]]
[[ page2 ]]
  [[ data output from database ]]

page1包含一个按钮,单击该按钮可打开panel1,其上有一个表单。 panel1上的表单使用jquery validate的validate()函数,然后通过ajax将数据传递给服务器。服务器对数据库进行更新。

我现在要弄清楚的是如何使用panel1中表单新添加的信息自动更新page2,因此当用户点击page2时,他们会看到他们刚刚添加的数据。我知道我可以将data-ajax设置为'false'并让整个应用程序使用最新数据重新加载,但如果可能的话,我宁愿避免使用它。我希望客户端只加载第2页显示所需的数据。

我已尝试使用以下代码的不同变体来实现此功能但尚无运气:

$(“#page2").pagecontainer({defaults: true});
$(“#page2").pagecontainer("load", '/cgi-bin/some_data.pl', {reload: "true"});

浏览器开发人员工具告诉我正在重新审核some_data.pl页面。有人可以指出我正确的方向在页面上显示这些新数据吗?

1 个答案:

答案 0 :(得分:0)

好的,我只是用一个基本的jquery加载方法来完成这个:

$("#page2 .ui-content").load('/cgi-bin/some_data.pl');