$.getJSON 不返回任何数据答案

【问题标题】：$.getJSON not returning any data$.getJSON 不返回任何数据
【发布时间】：2015-06-09 16:03:33
【问题描述】：

我正在尝试在本地主机上测试 $.getJSON()，但没有返回任何数据。

如果我错了，请纠正我。

PHP：

$person['name'] = !empty($_GET['name']) ? $_GET['name'] : 'name';
$person['age'] = !empty($_GET['age']) ? $_GET['age'] : '00';

return json_encode($person);
?>

HTML / jQuery：

<script>
    $(document).ready(function(){
        $('.start').click(function(){
        $.getJSON('http://localhost/ewoe/server.php?name=natasha&age=22', alert(data.name));
        })
    }); //end ready
</script>

所有文件都可以在同一个目录中找到。
虽然，我在点击 .start 按钮后得到的错误是'data not set'。

【问题讨论】：

你检查过你的浏览器控制台，看看你的$.getJSON()是否被调用，调用的状态是什么？
这是我在浏览器控制台中遇到的错误：XMLHttpRequest cannot load localhost/ewoe/server.php?name=natasha&age=22。请求的资源上不存在“Access-Control-Allow-Origin”标头。来源“本地主机”；因此不允许访问。

标签： php jquery json getjson

【解决方案1】：

您应该将警报包装到匿名函数中：

$.getJSON('http://localhost/ewoe/server.php?name=natasha&age=22', function(data) {
    alert(data.name);
});

【讨论】：

当您在新标签中转到http://localhost/ewoe/server.php?name=natasha&age=22 时，您会看到什么？
那里没有显示，因为使用了return 但是当我使用echo 或print 时，我在php页面上得到它。
哦，对了，您当然需要回显或删除字符串内容。添加 Content-type 标头也是一个好主意，但可选。
这是我在浏览器控制台中遇到的错误：XMLHttpRequest cannot load localhost/ewoe/server.php?name=natasha&age=22。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许访问 Origin 'localhost'。
您需要确保您发出来自同一来源的请求。这意味着相同的协议、端口和域。例如，您将无法使用file:/// 协议并向http://localhost 发出请求。

【解决方案2】：

问题实际上出在 PHP 输出中。原因是作为服务器端语言的 PHP 不会将带有return 的内容输出到 HTML。如果你想打印出来你必须echo他们。

因此return不是答案，答案是echo。

你的 php 应该是：

<?php

$person['name'] = !empty($_GET['name']) ? $_GET['name'] : 'name';
$person['age'] = !empty($_GET['age']) ? $_GET['age'] : '00';

echo json_encode($person);

如果您在 No 'Access-Control-Allow-Origin' 上遇到错误，您应该尝试提供本地路径，而不是完整路径：

$.getJSON('server.php?name=natasha&age=22', ...);

- 注意

真的不知道你在做什么，但请注意，小心你的脚本可能被操纵。

通过这样做，有人可以看到您的文件的来源，并通过转到www.yoursite/ewoe/server.php?name=.... 向server.php 发送请求

也许你应该在 PHP 和 jQuery 中使用 $_POST $.post 请求 json 格式，像这样：

$.post('server.php', {name : 'natasha', age: 22}, function(response) {
    console.log(response.name)
}, 'json');

【讨论】：

当然，我很高兴。 ;D
是的。非常感谢。我得到了它。非常有用的提示。