pageloadfailed 事件

实例

页面加载失败时弹出信息:

$(document).on("pageloadfailed",function(){
  alert("Sorry, requested page does not exist.");
});

定义和用法

pageloadfailed 事件在页面加载失败时触发。

pagebeforeload	在任何加载之前触发的事件
pageload	在页面成功加载及插入到DOM后触发。

语法

 $("document").on("pageloadfailed",function(event,data){...})

参数 function(event,data)

必须。指定 pageloadfailed 事件触发后执行的函数。

该函数含有以下两个参数：

事件对象

包括任何jQuery事件属性 ( event.target, event.type 等) 。

数据对象

包含以下类型:

url (string)	通过回调传到$.mobile.loadPage()的绝对或者相对地址
absUrl (string)	包含URL的绝对引用
dataUrl (string)	包含浏览器的URL 位置
deferred (object)	包含 resolve() 或 reject()
options (object)	包含可选项发送到 $.mobile.loadPage()
xhr (object)	包含 XMLHttpRequest 对象 (作为第三个参数发送到 $.ajax() 成功回调)
errorThrown - (null, string, object)	在 HTTP 发送错误时，errorThrown 接收HTTP状态信息,如 "Not Found（没有找到页面）" 或 "Internal Server Error(服务器内部错误)" (作为第三个参数传给 $.ajax() 错误回调)

更多实例

相关事件演示。

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="//apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script>
$(document).on("pagecontainerload",function(event,data){
  alert("pagecontainerload 事件触发!
URL: " + data.url);
});
$(document).on("pagecontainerloadfailed",function(event,data){
  alert("抱歉，被请求页面不存在。");
});
</script>
</head>
<body>

<div data-role="page">
  <div data-role="header">
    <h1>页眉文本</h1>
  </div>

  <div data-role="main" class="ui-content">
    <a href="externalpage.html">外部页面</a>
    <br><br>
    <a href="externalnotexist.html">外部页面不存在</a>
  </div>

  <div data-role="footer">
    <h1>页脚文本</h1>
  </div>
</div> 

</body>
</html>

pageload 和 pageloadfailed事件的演示。

事件对象

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.css">
<script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.js"></script>
<script>
$(document).on("pageloadfailed",function(event){
  alert("The " + event.type + " event was triggered");
});
</script>
</head>
<body>

<div data-role="page">
  <div data-role="header">
    <h1>Header Text</h1>
  </div>

  <div data-role="content">
    <a href="externalnotexist.html">External page that does not exist</a>
  </div>

  <div data-role="footer">
    <h1>Footer Text</h1>
  </div>
</div> 

</body>
</html>

使用 event.type 属性返回触发的事件类型。

数据对象

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.css">
<script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.js"></script>
<script>
$(document).on("pageloadfailed",function(event,data){
  alert("The following URL does not exist: " + data.url);
});
</script>
</head>
<body>

<div data-role="page">
  <div data-role="header">
    <h1>Header Text</h1>
  </div>

  <div data-role="content">
    <a href="externalnotexist.html">External page that does not exist</a>
  </div>

  <div data-role="footer">
    <h1>Footer Text</h1>
  </div>
</div> 

</body>
</html>

使用 data.url 返回没有成功加载页面的URL。

数据对象

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.css">
<script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.js"></script>
<script>
$(document).on("pageloadfailed",function(event,data){
  alert("The following URL does not exist: " + data.url);
});
</script>
</head>
<body>

<div data-role="page">
  <div data-role="header">
    <h1>Header Text</h1>
  </div>

  <div data-role="content">
    <a href="externalnotexist.html">External page that does not exist</a>
  </div>

  <div data-role="footer">
    <h1>Footer Text</h1>
  </div>
</div> 

</body>
</html>

在没有找到页面时，使用 data.errorThrown 返回错误信息。

pageloadfailed 事件

pageloadfailed 事件

实例

定义和用法

语法

参数 function(event,data)

事件对象

数据对象

更多实例

相关事件演示。

事件对象

数据对象

数据对象

选择支付方式：