0

您好正在使用 Jquery 调用 php 脚本。php 脚本位于http://localhost:8080/getData.php并访问一个 MySql 数据库。

我在我的电脑上使用一个 tomcat 服务器设置，服务器地址为 localhost:8080

我查看了 ajax 响应 data.status 它是 0

我已经阅读了有关跨域请求的信息，并且知道如果我使用 JSONp 这应该不是问题。

任何帮助将非常感激。

我用来调用 ajax 函数的 HTML 中的 jquery 部分如下：

<script type="text/javascript">
$(document).ready(function() {
   $.ajax({
       type:'GET',
       url:'http://localhost/getData.php',
       datatype:'jsonp',
       timeout: 5000,
       success: function(data){
           //data loaded
           alert('loaded');

       },
       error: function(data){
           // error on loading data
           alert('error');        
       }
    });
});
</script>

实际的 getData.php 代码如下：

<?php
header('Content-type: application/json');

$server = "127.0.0.1";
$username = "root";
$password = "";
$database = "deals";

$con = mysql_connect($server, $username, $password) or die ("Could not connect: " . mysql_error());
mysql_select_db($database, $con);

$sql = "SELECT area_id, name AS area_name, sector AS area_sector FROM deals.areas ORDER BY name";
$result = mysql_query($sql) or die ("Query error: " . mysql_error());

$records = array();

while($row = mysql_fetch_assoc($result)) {
    $records[] = $row;
}

mysql_close($con);

echo $_GET['jsoncallback'] . '(' . json_encode($records) . ');';
?>
4

1 回答 1

4

我看到三个问题：

  1. 您的 PHP 脚本正在寻找一个名为 的 GET 参数jsoncallback，但这不是 jQuery 默认发送的名称，即callback. 要么更改您的 PHP 以使用callback：

    // Here ----v
echo $_GET['callback'] . '(' . json_encode($records) . ');';

    ...或将此选项添加到您的ajax调用中以告诉 jQuery 使用jsoncallback：

    jsonp: "jsoncallback",

    您可以使用浏览器开发工具中的“网络”选项卡来检查调用并查看查询字符串的样子，以确保它们匹配。

  2. 您的 ajax 选项中有错字，datatype:'jsonp'而不是dataType:'jsonp'（TindataType必须为大写），因此 jQuery 根本不会尝试进行 JSON-P 调用，它会尝试 XHR。

  3. 您在问题中说过 PHP 页面位于http://localhost:8080/getData.php，但url您给出的 jQuery 是http://localhost/getData.php（没有端口）。

于 2012-12-20T08:39:55.997 回答