Question

我首先对javascript不熟悉。我想要做的是从json中的URL获取数据并将其保存在java脚本变量中。

我已经做过的事情：

    var json = '{"result":true,"count":1}',
    obj = JSON.parse(json);
    alert(obj.count);

这显示输出：1

和我想要的是从URL获取数据，如：

var json ='url';
obj = JSON.parse(json);
alert(obj.count);

对于清关我使用this网址来获取JSON数据，我只需要从数据中打印票价。

任何有关此事的帮助都将受到高度赞赏!!

我已经在这样的PHP中完成了这个，但我需要它在javascript中执行此操作。

$jsonData = file_get_contents("url");
$json = json_decode($jsonData,true);
echo $json['fare'];

Answer 1

$.getJSON('http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC%27&format=json&diagnostics=true&env=store://datatables.org/alltableswithkeys&callback', function(data) {
   console.log(data)
});

尝试这种方式来阅读你的网址

Answer 2

尝试这种方式，将网址转换为数组，然后

var json = 'data url in array',
obj = JSON.stringify(json);
alert(obj.count);

Answer 3

临时解决方案：

这是我的工作fiddle

如果出现'Access-Control-Allow-Origin' header is present on the requested resource.错误，请在浏览器中添加CORS扩展并启用它。

希望这有助于：）

Answer 4

使用Ajax调用从外部源获取数据。

单击它将从网址获取数据。

＆＃13;

$(document).ready(function(){
    $("button").click(function(){
        $.getJSON("http://daewoocab-test.herokuapp.com/api/v1/rates?token=6ab676ddd7bf00101408ea3a27fdbb8ad22e9dcdf2faafdcd2ef0efc1509d463&pickup_area=Street%201%2CF-8%2CIslamabad%2CIslamabad%20Capital%20Territory%2CPakistan&drop_area=padhrarazadari.com%2C%20kallar%20kahar%20road%2C%20padhrar%2C%20punjab%2C%20pakistan&distance=169", function(result){
            console.log(result);
            $.each(result, function(i, field){
                $("div").append(field + " ");
            });
        });
    });
});

＆＃13;

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>

<button>Get JSON data</button>

<div></div>

</body>
</html>

＆＃13;

Answer 5

<!DOCTYPE html>
<html>
<body>

<button onclick="showHint()">abcd</button>
<script>
function showHint() { 

var xhttp; 
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() { 
if (xhttp.readyState == 4 && xhttp.status == 200) {
alert(JSON.parse(xhttp.response));
}

}; 
xhttp.open("GET", "http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC%27&format=json&diagnostics=true&env=store://datatables.org/alltableswithkeys&callback", true);
xhttp.send();

} 
</script>

</body>
</html>

将json数据存储在java脚本变量中

5 个答案: