Загрузка php-контента в Phonegap

Question

Загрузка php-контента в Phonegap

0

Я работаю с phonegap и dreamweaver, чтобы настроить небольшое приложение, но у меня возникла проблема, так как я новый в телефоне.

У меня есть файл HTML5, а мой файл css также содержит форму config.xml, иконку, splashscreen и т.д. Phonegap читает только index.html, а не файл index.php.

Поэтому я сделал файл grab.php, чтобы вытащить некоторые данные с моего хостинга. Localhost все работает отлично, но когда я создаю приложение, оно не загружает данные...

Вот мой html файл и файл grab.php.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<title>Celebrity.Com | Android App</title>
<link rel="stylesheet" type="text/css" href="mobile_css/style.css" media="all" />
<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="phonegap.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
</script>

<script type="text/javascript">
$(document).ready(function() {
    $(".loa").load("grab.php");
});
</script>

</head>

<body>

<div class="headerHolder"><div class="logo"></div></div>
<div style="width:100%; height:20px; float:left; margin-bottom:1px;"></div>

<div class="loa" style="width:100%; padding-bottom:5px;">

<div style="clear:both;"></div>
</div>

</body>
</html>

И grab.php

<?php
require "connectiondb.php";
$bann = mysql_query ("SELECT * FROM info ORDER BY a_name");
while($bannerl = mysql_fetch_assoc($bann)) {
echo '
<div class="articleHolder">
<div class="imageholder"><img src="'.$bannerl['a_image'].'" width="180" height="120"/></div>
<div class="controlz"><span style="float:left;">'.$bannerl['a_name'].'</span><img style="width:65px; height:65px; float:right;" src="images/details.png" width="65" height="65" border="0"></div>
</div>';
}
?>

Я попытался загрузить файл grab.php на свой сервер и загрузить его здесь, но я думаю, что эта политика не позволяет мне запускать, загружать файлы с других серверов.

Irene T. 18 дек. 2013, в 17:18

Источник

Теги:

php

javascript

jquery

html5

cordova

1 ответ

Ещё вопросы

ssola · Accepted Answer · 2013-12-18T14-31-00.000Z

Вам нужно добавить свой хост в белый список (http://docs.phonegap.com/en/1.9.0/guide_whitelist_index.md.html)

Затем вы должны указать в настройке Phonegap свой домен:

Затем вы можете выполнить ajax-запросы, но вы должны указать домен, поэтому должно быть что-то вроде:

<script type="text/javascript">
$(document).ready(function() {
    $(".loa").load("http://yourdomain.com/grab.php");
});
</script>