За последние 24 часа нас посетили 17412 программистов и 1271 робот. Сейчас ищут 1542 программиста ...

Подгрузка ajax-ом локальных .html

Тема в разделе "Вопросы от блондинок", создана пользователем lex-romanow, 24 авг 2015.

  1. lex-romanow

    lex-romanow Активный пользователь

    С нами с:
    24 сен 2014
    Сообщения:
    50
    Симпатии:
    1
    Всем привет. Делаю книгу приложение через cordova. Не получается локально подгрузить .html файлы. Всю книгу вкидывать в проект в виде списка для свайпа не верно, т.к. проект начинает тормозить. Думал разбить 530 страниц на отдельные .html страницы и частями подгружать в процессе работы. Все файлы должны хранится в проекте, т.е. локально. Никаких подключений к серверам не должно быть. Помогите, пожалуйста, разобраться. Спасибо.

    index.html

    Код (PHP):
    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <html>
    4.     <head>
    5.         <meta charset="utf-8">
    6.         <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
    7.         <meta name="format-detection" content="telephone=no">
    8.         <meta name="msapplication-tap-highlight" content="no">
    9.         <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    10.         <link rel="stylesheet" type="text/css" href="css/index.css">
    11.         <title>Духовный путь</title>
    12.     </head>
    13.     <body>
    14.     <script type="text/javascript" src="js/index.js"></script>
    15.     </body>
    16. </html>
    index.js

    Код (PHP):
    1. var app = {
    2.     initialize: function() {
    3.         this.bindEvents();
    4.     },
    5.     bindEvents: function() {
    6.         document.addEventListener('deviceready', this.onDeviceReady, false);
    7.     },
    8.     onDeviceReady: function() {
    9.         app.receivedEvent('deviceready');
    10.     },
    11.     receivedEvent: function(id) {
    12.         var parentElement = document.getElementById(id);
    13.         var listeningElement = parentElement.querySelector('.listening');
    14.         var receivedElement = parentElement.querySelector('.received');
    15.  
    16.         listeningElement.setAttribute('style', 'display:none;');
    17.         receivedElement.setAttribute('style', 'display:block;');
    18.  
    19.         console.log('Received Event: ' + id);
    20.     }
    21. };
    22.  
    23. app.initialize();
    24.  
    25. $.ajax({
    26.     type: "POST",
    27.     dataType: "html",
    28.     url: "file:///android_asset/www/book/page1.html",
    29.     success: function(data){
    30.         alert(data);
    31.     }
    32. }); 
    Config.xml

    Код (PHP):
    1. <?xml version='1.0' encoding='utf-8'?>
    2. <widget id="com.example.spiritual" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    3.     <name>Духовный путь</name>
    4.     <description>
    5.         A sample Apache Cordova application that responds to the deviceready event.
    6.     </description>
    7.     <author email="dev@cordova.apache.org" href="http://cordova.io">
    8.         Apache Cordova Team
    9.     </author>
    10.     <content src="index.html" />
    11.     <plugin name="cordova-plugin-whitelist" version="1" />
    12.     <access origin="*" />
    13.     <allow-intent href="http://*/*" />
    14.     <allow-intent href="https://*/*" />
    15.     <allow-intent href="tel:*" />
    16.     <allow-intent href="sms:*" />
    17.     <allow-intent href="mailto:*" />
    18.     <allow-intent href="geo:*" />
    19.     <platform name="android">
    20.         <allow-intent href="market:*" />
    21.     </platform>
    22.     <platform name="ios">
    23.         <allow-intent href="itms:*" />
    24.         <allow-intent href="itms-apps:*" />
    25.     </platform>
    26. </widget>
    AndroidManifest.xml

    Код (PHP):
    1. <?xml version='1.0' encoding='utf-8'?>
    2. <manifest android:hardwareAccelerated="true" android:versionCode="1" android:versionName="0.0.1" package="com.example.spiritual" xmlns:android="http://schemas.android.com/apk/res/android">
    3.     <supports-screens android:anyDensity="true" android:largeScreens="true" android:normalScreens="true" android:resizeable="true" android:smallScreens="true" android:xlargeScreens="true" />
    4.     <uses-permission android:name="android.permission.INTERNET" />
    5.     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    6.     <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    7.     <application android:hardwareAccelerated="true" android:icon="@drawable/icon" android:label="@string/app_name" android:supportsRtl="true">
    8.         <activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/activity_name" android:launchMode="singleTop" android:name="MainActivity" android:theme="@android:style/Theme.Black.NoTitleBar" android:windowSoftInputMode="adjustResize">
    9.             <intent-filter android:label="@string/launcher_name">
    10.                 <action android:name="android.intent.action.MAIN" />
    11.                 <category android:name="android.intent.category.LAUNCHER" />
    12.             </intent-filter>
    13.         </activity>
    14.     </application>
    15.     <uses-sdk android:minSdkVersion="14" android:targetSdkVersion="22" />
    16. </manifest>
    PHP, JavaScript, SQL и другой код пишите внутри тегов
    Код ( (Unknown Language)):
    1. [b]php][/b]Тут код[b][/[/b][b]code][/b][/color]