2014-12-26 59 views
0

這是我的HTML,JS網頁代碼「加載頁面時出錯」英特爾XDK

$(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

您好我是英特爾XDK新手。每當我調用任何webmethods或獲取json數據時,它都會在模擬器頂部顯示加載頁面消息的錯誤。 –

回答

0

您可以通過「瀏覽器」使您的要求限制,由於對跨域限制遠程服務器到位以防止濫用。英特爾提供的庫來規避這些限制,並允許訪問,就包括這些應用程式的標題:

<script src="intelxdk.js"></script> 
<script src="xhr.js"></script> 
如何從你的混合應用程序訪問JSON

的更多信息,請訪問: https://software.intel.com/en-us/html5/articles/how-to-access-JSON-data-in-HTML5-apps

如果您仍然有問題,嘗試跳過$ .getJSON並嘗試直接與getRemoteDataExt方法試驗,與隨行事件偵聽器: https://software.intel.com/en-us/node/493009

0

你不需要xhr.js了,除非你正在做的「遺產」建設s和not cordova。 Ajax調用應該可以正常工作,並且在Cordova容器中最好使用getRemoteData(Ext)。

如果你可以發佈一個更好的例子,我會很樂意去測試它。嘗試在jsbin中安裝我可以在英特爾®XDK中測試的設置。