> 웹 프론트엔드 > JS 튜토리얼 > MUI 프레임워크를 사용하여 외부 웹 페이지 또는 서버 데이터를 로드하는 방법

MUI 프레임워크를 사용하여 외부 웹 페이지 또는 서버 데이터를 로드하는 방법

亚连
풀어 주다: 2018-06-08 16:50:54
원래의
3183명이 탐색했습니다.

이제 MUI 프레임워크에서 외부 웹 페이지나 서버 데이터를 로드하는 방법에 대해 간략하게 설명하겠습니다. 이는 좋은 참조 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

많은 학생들이 MUI 프레임워크를 구현할 때 새 페이지를 열 때 mui.openwindow 메서드를 사용하는 경우가 많습니다. 그러나 웹 페이지를 서버에서 다운로드해야 하거나 외부 웹 페이지에 중첩해야 하는 경우에는 네트워크 속도 문제로 인해 로딩 중 흰색 화면이 나타나고 대기 시간이 너무 길어져 사용자 경험이 저하됩니다.

페이지 로딩 시 plus.webview.create 메소드를 사용하면 이 문제를 해결할 수 있습니다.

더 이상 고민할 필요 없이 코드를 붙여넣기만 하면 됩니다

먼저 상위 페이지를 만들어야 합니다. 다음은 상위 페이지의 JS입니다.

// H5 plus事件处理 
function plusReady(){ 
var nwaiting = plus.nativeUI.showWaiting();//打开原生加载等待框 
ws=plus.webview.currentWebview();//创建一个新的页面 
embed=plus.webview.create(“createShow.html”,”“,{bottom:”0px”});//新的页面地址 
embed.onclose=embedClose; 
ws.append(embed);
} 
if(window.plus){ 
plusReady(); 
}else{ 
document.addEventListener(“plusready”,plusReady,false); 
} 
// 页面关闭事件回调函数 
function embedClose(e){ 
alert( “Closed!” ); 
}
로그인 후 복사

createShow.html 하위 페이지를 만듭니다. 제가 직접 선택한 이름,

mui.init({
      //示例打开百度,进行加载
      subpages:[{
        url:"https://www.baidu.com",
        id:"https://www.baidu.com",
        styles:{
        }
      }]
    })
로그인 후 복사
mui.plusReady(function(){
var ws = plus.webview.currentWebview();//加载进外部网页,加载完成关闭等待框
ws.show('slide-in-right', 50);
plus.nativeUI.closeWaiting();
} )
로그인 후 복사

위 내용은 여러분을 위해 정리한 내용입니다. 앞으로 모든 분들께 도움이 되길 바랍니다.

관련 기사:

vue-lazyload에서 이미지 지연 로딩 플러그인 사용하기

highCharts를 사용하여 Vue에서 3D 원형 차트를 그리는 방법

vue에서 ueditor를 사용하는 방법

위 내용은 MUI 프레임워크를 사용하여 외부 웹 페이지 또는 서버 데이터를 로드하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿