2014-12-26 1 views
0

이 당신 인해 크로스 - 기원 제한에 "브라우저"를 통해 요청을 제한 할 수 있습니다 내 HTML-JS 페이지 코드"오류 로딩 페이지는"

$(document).on('pageinit', '#mainpage', function() { 
    $(document).ready(function() { 
     $("#login").click(function() { 
      $.mobile.changePage("#authpage", { 
       transition: "slide", 
       changeHash: false 
      }); 
     }); 
    }); 
    var uri2 = 'api/CEP/AuthenticateUser' 

     function find() { 

      var userid = $('#UserID').val(); 
      var pass = $('#Password').val(); 
      var reqType = $('#RequestType').val(); 

      var data = { 
       strUser: userid, 
       strPassword: pass, 
       strReqType: reqType 
      }; 

      $.getJSON(uri2, data) 

       .done(function (data) { 
       $('#User').text(formatItem2(data)); 
      }) 
       .fail(function (jqXHR, textStatus, err) { 
       $('#User').text('Error: ' + err); 
      }); 

     } 

     function formatItem2(item2) { 
      return 'Emp ID: ' + item2.EmpID + ' RequestType: ' + item2.ResultMsg + ' Name: ' + item2.EmpName; 
     } 
<div id="authpage" data-role="page"> 
    <div data-theme="a" data-role="header"> 
     <a href="#mainpage" class="ui-btn-left" data-transition="slide" data-direction="reverse">Back</a> 
     <h3> 
     LOGIN 
     </h3> 
    </div> 
    <div class="table-thing with-label widget uib_w_5 d-margins" data-uib="jquery_mobile/input" data-ver="0"> 
     <label class="narrow-control label-inline">UserID</label> 
     <input class="wide-control" placeholder="Your UserID" type="text" id="UserID"> 
     <label class="narrow-control label-inline">Password</label> 
     <input class="wide-control" placeholder="Your UserID" type="Password" id="Password"> 
     <label class="narrow-control label-inline">RequestType</label> 
     <input class="wide-control" placeholder="Your UserID" type="text" id="RequestType"> 
     <a class="widget uib_w_3 d-margins" data-uib="jquery_mobile/button" data-ver="0" data-role="button" id="btnclk" href="newpage" onclick="find();">Login</a> 
    </div> 
    <div data-role="content"> 
     <div data-iscroll> 
      <ul data-role="listview" id="authlist" data-divider-theme="b"></ul> 
     </div> 
    </div> 
</div> 
+0

질문에 정교합니다. – Omar

+0

안녕하세요, 저는 Intel XDK에서 새로 왔습니다. 언제든지 내가 어떤 webmethods를 호출하거나 json 데이터를 가져 오면 에뮬레이터 상단에 페이지 로딩 오류가 표시됩니다. –

답변

0

입니다 남용을 막기 위해 원격 서버를 설치합니다. 하이브리드 애플리케이션에서 JSON에 액세스하는 방법에 대한

더 많은 정보는 여기에서 확인할

<script src="intelxdk.js"></script> 
<script src="xhr.js"></script> 
입니다

: 인텔은 이러한 제한을 우회하고 액세스를 허용하는 라이브러리를 제공하고, 단지 앱의 헤더이 포함 https://software.intel.com/en-us/html5/articles/how-to-access-JSON-data-in-HTML5-apps

당신이 만약 당신이 "기존의"빌드를 수행하지 않는 이 https://software.intel.com/en-us/node/493009

0

당신은 더 이상 xhr.js 필요하지 않습니다 : 여전히 문제가, $ .getJSON을 건너 뛰는 시도하고 동반 이벤트 리스너의 getRemoteDataExt 방법과 직접 실험 해 와 코도 바 아닙니다. Ajax 호출은 잘 작동해야하며 Cordova 컨테이너에서는 getRemoteData (Ext)를 사용하는 것이 좋습니다. 당신이 더 나은 예를 게시 할 수있는 경우

, 나는 그것을 테스트 할 수있을 것입니다. jsbin에 설치를 시도해보십시오. 인텔 ® XDK에서 테스트 할 수 있습니다.