intelxdkhtml5平台android应用程序在模拟器中正常工作,但在设备中不正常工作



我使用javascript函数getApi()包含了一个php文件,它在我的intel xdk模拟器中正常工作,但当我将其加载到我的android设备时,它将无法正常工作所以请告诉我我的代码出了什么问题,我的设备也连接了互联网,所以它可以从服务器检索数据,但不能

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <link rel="stylesheet" type="text/css" href="app_framework/css/af.ui.min.css">
  <link rel="stylesheet" type="text/css" href="app_framework/css/icons.min.css">
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="css/index_main.less.css" class="main-less">
  <title>Your New Application</title>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
  <style type="text/css">
    /* Prevent copy paste for all elements except text fields */
    *  { -webkit-user-select:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); }
    input, textarea  { -webkit-user-select:text; }
  </style>
  <script src="intelxdk.js">
</script>
  <script type="text/javascript">
    /* This code is used to run as soon as Intel activates */
    var onDeviceReady=function(){
      //hide splash screen
      intel.xdk.device.hideSplashScreen();
    };
    document.addEventListener("intel.xdk.device.ready",onDeviceReady,false);
  function getApi() {
                           alert("Yes");
                            $.ajax({
                            type: "GET",
                            url: "http://exam.coreducation.in/api.php",
    success: function(data){
var total = "";
var record = JSON.parse( data );
for(i=0; i<record.length; i++){
total += ("Contact: "+record[i]['contact']+", Name: "+record[i]['name']+", City: "+record[i]['city'] + "<br/>");
}
$('#ddata').html("<h4 style='text-align:center'>"+total+"</h4>")
    }
  });
}    
    </script>
  <script type="application/javascript" src="app_framework/appframework.min.js"></script>
  <script type="application/javascript" src="app_framework/appframework.ui.min.js"></script>
</head>
<body id="afui">
  <!-- content goes here-->
  <div class="uwrap" id="content">
    <div class="upage panel" id="page0" data-header="none" data-footer="none">
      <div class="upage-outer">
        <div class="upage-content">
          <div class="grid grid-pad urow uib_row_1 row-height-1" data-uib="layout/row">
            <div class="col uib_col_1 col-0_12-12" data-uib="layout/col">
              <div class="widget-container content-area vertical-col">
                <a class="button widget uib_w_1 d-margins icon graph" data-uib="app_framework/button" onclick="return getApi();">GetApiData</a><span class="uib_shim">
                  </span>
            <div id="ddata">DAta Will Show Here</div>
                </div>
            </div>
            <span class="uib_shim"></span>
          </div>
        </div>
        <!-- /upage-content -->
      </div>
      <!-- /upage-outer -->
    </div>

  </div>
  <!-- /uwrap -->
</body>
</html>`enter code here`

由于跨域访问,api被阻止,这也是您的代码在任何浏览器中都无法工作的原因。但有一种方法可以让它在英特尔XDK应用程序中工作,只需在包含intelxdk.js脚本后添加<script src="xhr.js"></script>即可。然后它将在设备上工作。

有关AJAX和XDK的更多信息,请点击此处:http://software.intel.com/en-us/html5/articles/how-to-access-JSON-data-in-HTML5-apps

我使用域白监听解决了类似的问题。

在英特尔XDK中,它可以通过以下步骤完成:

打开项目选项卡

展开构建设置

在"域列表"字段中输入"*"(不带引号)。

最新更新