Question

我有一个有多个页面的移动应用程序。在其中一个页面上，我有一些javascript向php页面发送请求以获取一些数据。

现在数据被完美地返回，但是只要主索引页面加载并且显示数据immediatley就会加载。我想要做的只是在主index.html页面中的特定页面打开时显示信息。

以下是加载immediatley数据的代码。

  $(document).ready(function(){
  $.ajax({    //create an ajax request to load_page.php
    type: "GET",
    url: "http://domain/group_list.php",             
    dataType: "html",   //expect html to be returned                
    success: function(response){                    
        $("#responsecontainer").html(response); 
        //alert(response);
    }

 });
 });

我试图将其更改为此，但是当我这样做时，信息根本没有显示。

     $(document).on('pageinit', '#three', function(){
  $.ajax({    //create an ajax request to load_page.php
    type: "GET",
    url: "http://domain/group_list.php",             
    dataType: "html",   //expect html to be returned                
    success: function(response){                    
        $("#responsecontainer").html(response); 
        //alert(response);
    }

   });
 });

Answer 1

所以我添加的代码已经过时，应该是下面显示的代码，一旦我完成了这些更改，它就能完美运行。

  $(document).on("pagecreate","#three",function(event){
         $.ajax({    //create an ajax request to load_page.php
type: "GET",
url: "http://domain/group_list.php",             
dataType: "html",   //expect html to be returned                
success: function(response){                    
    $("#responsecontainer").html(response); 
    //alert(response);
}

  });
 });

加载移动应用页面时调用Javascript函数

1 个答案: