Javascript读取来自url请求的JSON

费利佩·古铁雷斯

嗨,我用JSON为自己做了一些练习,我正在尝试从URL中获取数据

http://api.openweathermap.org/data/2.5/weather?q=miami

查询没有问题,并且数据返回,我什至可以使用innerHTML将其写入html文件。但是,如果我想访问JSON数据的键,它表示未定义。但是,如果我给变量加上格式化的JSON代码,它就可以工作,我什至可以访问密钥,但我却不明白。

/* Here Goes Your Ajax Code */
var server;
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
    server = new XMLHttpRequest();
} else {// code for IE6, IE5
    server = new ActiveXObject("Microsoft.XMLHTTP");
}

var city = "Düsseldorf"
var userInput = document.getElementById("userInput");
userInput.addEventListener("change", myFunction);
var weatherUrl = "http://api.openweathermap.org/data/2.5/weather?q="+city;
server.open("POST", weatherUrl , false);
server.send();
var weather= JSON.parse(server.responseText);


document.getElementById("errorMe").innerHTML = weather;

city = weather.name;

document.getElementById("city").innerHTML = city;




function myFunction() {
    city = document.getElementById("userInput").value;
    weatherUrl = "http://api.openweathermap.org/data/2.5/weather?q="+city;
    server.open("POST", weatherUrl , false);
    server.send();
    document.getElementById("myDiv").innerHTML = weather= JSON.parse(server.responseText);
     weather= JSON.parse(server.responseText);

    if(weather.cod == 404){
        document.getElementById("myDiv").innerHTML = "<p>You typet a city that does not Exist!</p>";
    }else{
        document.getElementById("myDiv").innerHTML = weather;
    }

}
詹姆斯·索普

我猜想当您使用从服务器返回的版本时,它只是文本-您需要使用

weather = JSON.parse(theResponseData);

将其转换为可以随后访问其属性的对象。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法读取来自 insta 的 json

来自分类Dev

如何使用请求模块 -Node js 提取来自 url 的请求的域名

来自分类Dev

HelloWorld未读取来自STDIN的事件

来自分类Dev

实时读取来自stdout的内容

来自分类Dev

这些磁盘读取来自何处?

来自分类Dev

来自 URL 的简单 JSON 请求

来自分类Dev

尝试读取来自Web API调用的响应

来自分类Dev

无法读取来自AngularJS $ resource DELETE的响应

来自分类Dev

Cloudflow无法读取来自Kafka的Avro消息

来自分类Dev

从终端读取来自未知后台进程的信息

来自分类Dev

CORS读取来自pastebin的文本文件

来自分类Dev

OpenDaylight 不读取来自 netconf 设备的问候消息

来自分类Dev

回显json以获取来自std对象的更多值

来自分类Dev

获取来自C#代码背后对javascript的响应

来自分类Dev

获取来自C#代码对javascript的响应

来自分类Dev

如何让 javascript 读取 JSON URL

来自分类Dev

来自 Python 的 URL 请求

来自分类Dev

来自 javascript 的 OAuth 请求

来自分类Dev

从Shiny应用程序(pickerInput)中读取来自外部源的选择列表输入

来自分类Dev

错误:pbs_iff:无法读取来自pbs_server的回复

来自分类Dev

在 Angular 6 中读取来自 asp.net core 的响应的状态代码

来自分类Dev

使用Javascript解析来自Api GET请求的JSON数据

来自分类Dev

未在 HTML 中获取来自 JSON 的数据时显示适当的错误消息

来自分类Dev

来自JSON请求的Scala对象

来自分类Dev

我们可以通过一次读取来消耗来自JMS队列的多条消息吗?

来自分类Dev

可以使用链接预取来为以后的XHR请求缓存JSON API响应吗?

来自分类Dev

如何在 JavaScript 函数中使用来自 ajax 请求的 json 响应作为 Javascript 数组

来自分类Dev

通过交换获取来自EmailMessage的位置

来自分类Dev

从频道获取来自youtube api的视频

Related 相关文章

  1. 1

    无法读取来自 insta 的 json

  2. 2

    如何使用请求模块 -Node js 提取来自 url 的请求的域名

  3. 3

    HelloWorld未读取来自STDIN的事件

  4. 4

    实时读取来自stdout的内容

  5. 5

    这些磁盘读取来自何处?

  6. 6

    来自 URL 的简单 JSON 请求

  7. 7

    尝试读取来自Web API调用的响应

  8. 8

    无法读取来自AngularJS $ resource DELETE的响应

  9. 9

    Cloudflow无法读取来自Kafka的Avro消息

  10. 10

    从终端读取来自未知后台进程的信息

  11. 11

    CORS读取来自pastebin的文本文件

  12. 12

    OpenDaylight 不读取来自 netconf 设备的问候消息

  13. 13

    回显json以获取来自std对象的更多值

  14. 14

    获取来自C#代码背后对javascript的响应

  15. 15

    获取来自C#代码对javascript的响应

  16. 16

    如何让 javascript 读取 JSON URL

  17. 17

    来自 Python 的 URL 请求

  18. 18

    来自 javascript 的 OAuth 请求

  19. 19

    从Shiny应用程序(pickerInput)中读取来自外部源的选择列表输入

  20. 20

    错误:pbs_iff:无法读取来自pbs_server的回复

  21. 21

    在 Angular 6 中读取来自 asp.net core 的响应的状态代码

  22. 22

    使用Javascript解析来自Api GET请求的JSON数据

  23. 23

    未在 HTML 中获取来自 JSON 的数据时显示适当的错误消息

  24. 24

    来自JSON请求的Scala对象

  25. 25

    我们可以通过一次读取来消耗来自JMS队列的多条消息吗?

  26. 26

    可以使用链接预取来为以后的XHR请求缓存JSON API响应吗?

  27. 27

    如何在 JavaScript 函数中使用来自 ajax 请求的 json 响应作为 Javascript 数组

  28. 28

    通过交换获取来自EmailMessage的位置

  29. 29

    从频道获取来自youtube api的视频

热门标签

归档