Ajax не работает в проекте PhoneGap, но работает вне его? - PullRequest
Новая
       5

Ajax не работает в проекте PhoneGap, но работает вне его?

0 голосов
/ 12 сентября 2018

Я сейчас создаю приложение PhoneGap и использую ajax для отображения информации из моей базы данных MySQL на html-странице приложения. Если я запускаю HTML-страницу за пределами PhoneGap, она отображает таблицу, но не отображает ее в PhoneGap, и я не уверен, почему, поскольку я очень новичок в PhoneGap и вообще занимаюсь кодированием?

мой код выглядит следующим образом;

display.php: 

<?php
include("connection.php");
mysqli_select_db($con, "mscim2018_lmm12");
$result=mysqli_query($con, "select * from food");

echo "<table border='1' >
<tr>
<td align=center> <b>Roll No</b></td>
<td align=center><b>Name</b></td>
<td align=center><b>Address</b></td>
<td align=center><b>Stream</b></td></td>
<td align=center><b>Status</b></td>";

while($data = mysqli_fetch_row($result))
{   
    echo "<tr>";
    echo "<td align=center>$data[0]</td>";
    echo "<td align=center>$data[1]</td>";
    echo "<td align=center>$data[2]</td>";
    echo "<td align=center>$data[3]</td>";
    echo "<td align=center>$data[4]</td>";
    echo "</tr>";
}
echo "</table>";
?>

connection.php: 

<?php 
$con=mysqli_connect("--","--","--"); 
if (!$con)
{
    die('Could not connect: ' . mysqli_error());
}   
?>

(используется framework7, поэтому в индексном файле нет HTML-тегов, но скрипты точно получены) food.html; 

<div class="navbar">
   <div class="navbar-inner">
      <div class="left">
         <a href="index.html" class="back link">
         <i class="icon icon-back"></i>
         <span>Back</span>
         </a>
      </div>
      <div align="center" class="center sliding"><strong>CFPal - BMR</strong></div>
      <div class="right">
         <a href="#" class="link icon-only open-panel"><i class="icon icon-bars"></i></a>
      </div>
   </div>
</div>
<div class="pages" align="center">
   <div data-page="about" class="page" align="center">
      <div class="page-content">
         <div class="content-block" id="bmipage">
  
  
  
  <h3 align="center">Manage Student Details</h3>
<table border="1" align="center">
   <tr>
       <td> <input type="button" id="display" value="Display All Data" /> </td>
   </tr>
</table>
<div id="responsecontainer" align="center">
  
  </div>
  
         </div>
      </div>
   </div>
</div>

и ajax.js: 

 $(document).ready(function() {

    $("#display").click(function() {                

      $.ajax({    //create an ajax request to display.php
        type: "GET",
        url: "https://cs1.ucc.ie/~lmm12/ProjectTraining/display.php",             
        dataType: "html",   //expect html to be returned                
        success: function(response){                    
            $("#responsecontainer").html(response); 
            //alert(response);
        }

    });
});
});
...