Jquery mobile 使用从服务器检索到的新数据更新页面

我正在使用jquerymobile1.4.5

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

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

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

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

我尝试了以下代码的不同变体以使其正常工作，但还没有成功：

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

---

浏览器开发工具告诉我

一些数据.pl

页面正在被检索。有人能告诉我在页面上显示这些新数据的正确方向吗

好的，我只是使用了一个基本的jquery加载方法来实现这一点：

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

---

还有一件重要的事。如果我只使用

$（“#page2”）.pagecontainer（“load”、“/cgi-bin/some_data.pl”、{reload:“true”}）我从jQuery中得到这个js错误：
未捕获错误：在初始化之前无法调用pagecontainer上的方法；试图调用方法“load”