Question

我已经使用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`

Answer 1

由于跨域访问，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

Answer 2

我使用domain whitelistening解决了类似的问题。

在英特尔XDK中，可以按照以下步骤完成：

打开“项目”标签

展开构建设置

输入＆＃34; *＆＃34; （不带引号）到域列表字段。

intel-xdk html5平台android应用程序在模拟器中正常工作但在设备中无法正常工作

2 个答案: