jQuery Mobile Pagecontainer load() 方法

jQuery Mobile 是一种基于 Web 的技术，用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。

在本文中，我们将使用 jQuery Mobile Pagecontainer load()方法从指定的 URL 加载页面。

句法：

调用加载方法：

$(".selector").pagecontainer("load");

加载外部页面，增强其内容，并将其插入 DOM：

$(":mobile-pagecontainer").pagecontainer(
    "load", "confirm.html", { 
        role: "dialog" 
    }
);

参数：此方法接受两个参数，如下所示：

• url：此参数是加载页面的 URL。这可以是绝对或相对 URL（例如“about/us.html”）。
• 选项：这个参数是 包含影响方法行为的选项的哈希。
  • type：默认值为“get”。要使用的 HTTP 请求类型是“get”、“post”等。
  • 数据：它的默认值是未定义的。它是通过 Ajax 页面请求发送的数据。
  • reloadPage：它表示是否强制重新加载页面，即使它已经在 DOM 中。这仅在 'url' 参数是 URL 时使用。它的默认值为 false 并且是布尔类型。从 jQuery Mobile 1.4.0 开始，该属性已被弃用，并将在 1.5.0 中删除。请改用属性重新加载。
  • reload：这表示是否强制重新加载页面，即使它已经在 DOM 中。这仅在 'url' 参数是 URL 时使用。它是布尔类型，默认值为 false。
  • 角色：这是显示页面时要使用的数据角色值。它的默认值是未定义的。
  • showLoadMsg：表示是否显示页面正在加载的消息。它是布尔类型，默认值为真。
  • loadMsgDelay：这表示延迟加载消息出现的毫秒数。如果加载在此时间内完成，则不会显示加载消息。它的默认值为 50。

返回值：此方法不返回任何值。

CDN 链接：首先，添加项目所需的 jQuery Mobile 脚本。

示例：此示例描述了 jQuery Mobile Pagecontainer load()方法。

HTML

  

    
  
    
    
  
    
    

  

  
    
      
          GeeksforGeeks
      
  
      
        jQuery Mobile Pagecontainer 
        load() Method
      
  
      
          First Page
      
  
      
          
            Go To Second Page
          
      
  
      
      
    
  
    
      
        GeeksforGeeks
      
  
      
        jQuery Mobile Pagecontainer 
        load() Method
      
  
      
        Second Page
      
  
      
        
          Go Back To First Page
        
      
  
      
      
    
  
  
  
    $(document).ready(function () {
      $("#Button").on('click', function () {
        $("#GFG2").pagecontainer("load");
      });
    });
  

  

输出：

参考： https://api.jquerymobile.com/pagecontainer/#method-load