Javascript 在pageload jquery php上从数据库获取数据

有人能帮我吗

我想做的是一个使用HTML5、JQUERY、Json和PHP的手机应用程序。我不能在这里使用PHP页面，因为我将使用Phone Gap Cloud Compliler对其进行打包

我已经尝试使用了许多脚本和建议，我已经在互联网上进行了研究，但似乎无法使这项工作

在我需要从数据库检索数据的页面上，有6个文本框或div，我希望使用页面上的ajax请求填充到PHP处理页面，该页面获取所需数据并将其形成Json字符串，下面的脚本将显示我目前的位置

PHP页面：-这可以从数据库中获取数据，并从我所做的研究中成功地将数据打包成Json格式

PHP脚本**********************************************

<?php

include_once 'db_connect.php';

header("Content-Type: application/json");   //this will tell the browser to send a json object back to client not text/html (as default)


session_start();



$return_arr = array();

$sql = "SELECT * FROM `autumnTerm`";       //query
  $result = mysqli_query($mysqli, $sql);
    while($row = mysqli_fetch_array($result)) {

        $row['term1start'] = date('d-m-y', strtotime($row['term1start']));
        $row['term1finish'] = date('d-m-y', strtotime($row['term1finish']));
        $row['term2start'] = date('d-m-y', strtotime($row['term2start']));      
        $row['term2finish'] = date('d-m-y', strtotime($row['term2finish']));


    $row_array['term1start'] = $row['term1start'];
    $row_array['term1finish'] = $row['term1finish'];
    $row_array['term2start'] = $row['term2start'];
    $row_array['term2finish'] = $row['term2finish'];

    array_push($return_arr,$row_array);     

    }


  echo json_encode($return_arr);
?>

与变量关联的处理页地址

定义请求元素的ajax请求

如果有人能帮我解决这个问题，我将非常感激，我已经努力解决这个问题一个多星期了

我还没有发布html试图不让代码淹没问题，但如果需要，我会根据要求发布它

尝试以下方法：

$.ajax({
type: "GET",
cache: false,
url: url,
 dataType: "json",
  success: function() {
      console.log()
     $('#termoneError').text('The page has been successfully loaded');
  },
  error: function() {
     $('#termoneError').text('An error occurred');
  }
});//ajax request   
 });//ready function    
 </script>

---

并尝试查看控制台是否有任何错误？

您应该尝试阻止错误跨源请求以放置正确的标头

header('Content-Type: application/json; charset=utf-8');    
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET,POST,OPTIONS');
header('Access-Control-Allow-Credentials: true');

---

其余代码正常

retrieveAutumn.inc.php中有什么代码？是您在上面添加的返回json的PHP代码吗？请尝试从解决跨域错误的ajax调用@M.Doyle中删除数据类型：json。没有问题，您的代码现在可以工作了吗？@M.Doyle我仍然无法在我的div中获得文本响应来表示成功或错误，控制台日志错误现在已解决。这些是我在控制台引用中得到的以下注释错误：finish未定义术语。html:121:1 ReferenceError:InsettDay未定义术语。html:125:1 ReferenceError:url未定义术语。html:16:0我刚刚意识到我复制了您发布的内容，但没有添加变量，因此，除了inset day和finish引用之外，我还得到了以下结果：跨源请求被阻止：同源策略不允许读取远程资源。这可以通过将资源移动到同一个域或启用CORS来解决。im在分配的div中仍然没有获得成功或错误我现在已经解决了所有控制台日志错误，但在我的助理divi中仍然没有获得成功或错误我找到了一行添加到解决跨域错误的脚本“url=”proxy.php？url='+url:'我需要将所有这些头语句添加到php页面还是只添加其中一个

    var url = "http://www.newberylodge.co.uk/webapp/includes/retrieveAutumn.inc.php"; 

$.ajax({
type: "POST",
cache: false,
url: url,
dataType: "json",
      success: function(data) {

         $('#termoneError').text('The page has been successfully loaded');
      },
      error: function() {
         $('#termoneError').text('An error occurred');
      }
});//ajax request   
 });//ready function    
</script>

$.ajax({
type: "GET",
cache: false,
url: url,
 dataType: "json",
  success: function() {
      console.log()
     $('#termoneError').text('The page has been successfully loaded');
  },
  error: function() {
     $('#termoneError').text('An error occurred');
  }
});//ajax request   
 });//ready function    
 </script>

header('Content-Type: application/json; charset=utf-8');    
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET,POST,OPTIONS');
header('Access-Control-Allow-Credentials: true');