Я только начал работать в INTEL XDK почти через год. Я создал 20-21 приложение для Android. Около 3 месяцев назад я загрузил новую версию Intel XDK. И теперь я загрузил последнюю версию Intel XDK.
Я создал apk, основанный на вызове ajax. apk отлично работал в эмуляторе, тестировался и отлаживался через устройство, но пока я создал apk, он не работает на моем устройстве.
Для этого я перепробовал так много решений, предложений, которые даны в Интернете, добавил xhr.js и т. д., но это не работало должным образом.
Но когда я снова создал старый XDK, возможно, это была версия 1621 или старше, он работает правильно.
Итак, с последней версией XDK у меня возникла проблема с ajax, но не со старой версией. В чем проблема с последней версией XDK? Моя текущая версия: 1912.
Вот мой код СТРУКТУРА
index.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<meta charset="UTF-8">
<title>Blank App Designer Cordova Web App Project Template</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<style>
@-ms-viewport { width: 100vw ; min-zoom: 100% ; zoom: 100% ; } @viewport { width: 100vw ; min-zoom: 100% zoom: 100% ; }
@-ms-viewport { user-zoom: fixed ; min-zoom: 100% ; } @viewport { user-zoom: fixed ; min-zoom: 100% ; }
/*@-ms-viewport { user-zoom: zoom ; min-zoom: 100% ; max-zoom: 200% ; } @viewport { user-zoom: zoom ; min-zoom: 100% ; max-zoom: 200% ; }*/
</style>
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" type="text/css" href="css/index_main.less.css" class="main-less">
<script src="jquery/jquery.js"></script>
<script src="cordova.js" id="xdkJScordova_"></script>
<script src="js/app.js"></script>
<!-- for your event code, see README and file comments for details -->
<script src="js/init-app.js"></script>
<!-- for your init code, see README and file comments for details -->
<script src="xdk/init-dev.js"></script>
<script src='xhr.js'></script>
<!-- normalizes device and document ready events, see file for details -->
</head>
<body>
<div class="upage vertical-col" id="mainpage">
<div class="grid grid-pad urow uib_row_1 row-height-1" data-uib="layout/row" data-ver="0">
<div class="col uib_col_1 col-0_12-12" data-uib="layout/col" data-ver="0">
<div class="widget-container content-area vertical-col">
<span class="uib_shim"></span>
</div>
</div>
<span class="uib_shim"></span>
</div>
<div class="grid grid-pad urow uib_row_3 row-height-3" data-uib="layout/row" data-ver="0">
<div class="col uib_col_3 col-0_12-12" data-uib="layout/col" data-ver="0">
<div class="widget-container content-area vertical-col">
<div class="table-thing widget uib_w_1 d-margins" data-uib="twitter%20bootstrap/input" data-ver="1">
<label class="narrow-control label-top-left">User Name</label>
<input class="wide-control form-control default" type="text" placeholder="User Name">
</div><span class="uib_shim"></span>
<div class="table-thing widget uib_w_1 d-margins" data-uib="twitter%20bootstrap/input" data-ver="1">
<label class="narrow-control label-top-left">Password</label>
<input class="wide-control form-control default" type="text" placeholder="Password">
</div>
<button class="btn widget uib_w_2 d-margins btn-default" data-uib="twitter%20bootstrap/button" data-ver="1" id="login"><i class="glyphicon glyphicon-ok button-icon-left" data-position="left"></i>Login</button><span class="uib_shim"></span>
</div>
</div>
<span class="uib_shim"></span>
</div>
</div>
<script>
$("#login").click(function(){
$.ajax({
type:'GET',
url:'http://time.jsontest.com/',
error: function(response, d, a){
alert(response + d + a) ;
},
success: function (response){
alert(JSON.stringify(response));
}
});
});
</script>
</body>
</html>