PhoneGap и PrestaShop веб-сервис - PullRequest
Новая
       4

PhoneGap и PrestaShop веб-сервис

1 голос
/ 22 февраля 2012

Я хочу получить данные из веб-службы, которая (возвращает XML) моего веб-сайта PrestaShop. Я использую PhoneGap Android. Я попробовал этот код, он дает хороший результат в Internet Explorer, но не в приложении PhoneGap. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
           <title>PhoneGap</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
   <script type="text/javascript" charset="utf-8" src="js/Config/phonegap-0.9.3.js"></script>

   <link rel="stylesheet" href="css/jquery/jquery.mobile-1.0a1.min.css" />
   <link rel="stylesheet" href="css/Style.css" />
   <script src="js/Config/jquery-1.4.3.min.js"></script>
   <script src="js/Config/jquery.mobile-1.0a1.min.js"></script>
<script type="text/javascript">
function getDescription() {
var url = 'http://localhost/prestashop/api/customers/2';
req = new XMLHttpRequest();
req.onreadystatechange = processRequest;
req.open("GET", url, true);
req.send(null);
}
function processRequest() {
if (req.readyState == 4) {
if (req.status == 200) {
alert ( "Not able to retrieve description+"+req.responseText );
parseMessages();
} else   {
alert ( "Not able to retrieve description+"+req.responseText+"vide" );
}
}
}
function parseMessages() {
response  = req.responseXML.documentElement;
itemDescription = response.getElementsByTagName('lastname')[0].firstChild.data;
alert ( itemDescription );
}
</script>

</head>
<body>
<button onClick="getDescription()">Ajax call</button>
</body>
</html>

Я также пробовал этот код, но сталкиваюсь с той же проблемой. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
       <title>PhoneGap</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
   <script type="text/javascript" charset="utf-8" src="js/Config/phonegap-0.9.3.js"></script>


   <link rel="stylesheet" href="css/jquery/jquery.mobile-1.0a1.min.css" />
   <link rel="stylesheet" href="css/Style.css" />
   <script src="js/Config/jquery-1.4.3.min.js"></script>
   <script src="js/Config/jquery.mobile-1.0a1.min.js"></script>
      <script src="jquery.form.js"></script>


<script type="text/javascript">
$(document).ready(function()
{
$.ajax({
type: "GET",
url: "http://localhost/prestashop/api/customers/2",
//dataType: "xml",
success: parseXml
});

function parseXml(xml) {alert("a");
  $(xml).find("customer").each(function()  {alert("b");

        $("#dropdownlist").append("<hr>"+$(this).find("lastname")[0].firstChild.data+"<hr>");
      });
}

});
</script>  
</head>

<body>  
<div id="dropdownlist" />
</body>  
</html>

Ответы [ 3 ]

0 голосов
/ 22 февраля 2012

Вы попали в знакомую проблему с XHR из файлового протокола. Линия: 

if (req.status == 200) {

следует переписать как: 

if (req.status == 200 || req.status == 0) {

Часто статус сообщается как 0, когда вы делаете XHR из файла: //. Вполне нормально относиться к нему как к статусу 200.

0 голосов
/ 23 февраля 2012

Я использую следующий фрагмент для моего запроса, и он работает нормально, надеюсь, это поможет. Вы можете сослаться на ссылку: Библиотека XUI и добавить необходимые атрибуты к вызову xhr. 

x$.data = {};
        x$("#YOUR_HTML_ELEMENT_ID").xhr("YOUR_URL",
        { 
            callback: function(){
            XMLresponse =  this.responseText; 
            alert("RESULT:"+XMLresponse )
        },
            error:function(){
               alert("ANY ERROR HANDLE HERE");
            }
        }
        );
0 голосов
/ 22 февраля 2012

Это может быть потому, что вы не авторизовали доступ к внешним хостам.

Вы добавили это в /res/xml/PhoneGap.xml

<?xml version="1.0" encoding="utf-8"?>
<phonegap>
    <access origin="*"/>
    <log level="DEBUG"/>
</phonegap>

Возможно, вам также придется подождать, пока PhoneGapбудьте готовы перед выполнением любого кода 

// Wait for PhoneGap to load
//
document.addEventListener("deviceready", onDeviceReady, false);

// PhoneGap is ready
//
function onDeviceReady() {
    // YOU CODE
}
...