导航后用 php 内容刷新 jQueryMobile 页面

Question

我有两个包含 PHP 代码的 jQueryMobile 页面。在页面 A 我有一个 SELECT 显示 MySQL 数据库的内容。页面 B 提供了向数据库添加数据的可能性。现在，当从页面 A 导航到 B（通过 changePage）并使用“返回”按钮返回页面 A 时，SELECT 的内容（当然）不会刷新。

在 jQueryMobile 中执行此操作的正确方法是什么？这里重要的是页面的 PHP 部分需要执行，而 SELECT 需要更新。

非常感谢！

Answer 1

您需要运行 php 的第一个页面

$(document).on("pagebeforeshow", "#yourpageid", function() {

)};

这只有在你的 php 选择是由 jquery 调用创建时才有效。就我而言，我发现从长远来看，使用 php 结果创建 jquery 元素更容易。

在我的情况下，我有这个。

  <div data-role="fieldcontain">
                        <script type="text/javascript">
                            $(document).on("pagebeforeshow", "#index4", function() {
                                $(function(){
                                    var items="";
                                    $.getJSON("ajaxResponder.php?method=getContacts",function(data){
                                    $.each(data,function(index,item) 
                                    {
                                    items+="<option value='"+item.email+"'>"+item.username+"</option>";
                                     });
                                    $("#contacts").html(items); 
                                    $("#contacts").trigger("change");
                                    });
                                });
                            });  
                        </script>
                        <select name="contacts[]" id="contacts" multiple="multiple" data-native-menu="false">
                        </select>
                    </div>

没有任何代码示例以及您如何编写代码，这是我的最佳答案。