Question

这里我在ajax中填充json对象。在导航器页面中，它保留所有json对象。但是当我切换到另一个模板（page2.html）时，它不会保留json对象。我需要在其他ons-template页面填充userid，acc_nbr（在代码中提到）。

对此有何帮助？
这是我的代码。

<script>
$(document).ready(function(){
    $.ajax({
          type: "GET",
          url: "Controller?token=123",
          dataType: 'json',
          success: function(data){
          $('#userid').html(data.userid);     
          $('#acc_nbr').html(data.accountnbr);      
          },
          error:function(){
            alert("Sorry!");
          }
        });

});
</script>

的index.html

    <ons-navigator animation="slide" var="app.navi">
    <ons-page>
    /*/ content /*/
     <div id="userid"></div>
    </ons-page>
    </ons-navigator>

    <ons-template id="page2.html">
    <ons-page>
    /*/ content /*/
    <div id="acc_nbr"></div>
    </ons-page>
    </ons-template>

Answer 1

尝试将此添加到您的<script>部分

$(document.body).on("pageinit","#page2.html", function() {
   // call that same ajax function
}

如何在onsenui中的多个ons-template页面中保留json对象？

1 个答案: