Javascript获取XMLHttpRequest的JSON结果

Question

我正在尝试获取Jenkins服务器的一些XMLHttpRequest的结果

var oReq = new XMLHttpRequest();
var res = oReq.open("get", "http://" + IP + ":8080/job/Job1/lastBuild/api/json?depth=1", true);
oReq.send();

我没有收到var res的输入，为什么呢？

编辑

我尝试了在这里评论的答案之一，我得到了

No 'Access-Control-Allow-Origin' header is present on the requested resource.

这是什么意思？

谢谢

Answer 1

1）使用jquery 。 它将为您提供很多帮助！

$.getJSON( "http://" + IP + ":8080/job/Job1/lastBuild/api/json?depth=1", function( data ) {
    //data contains full parsed JavaScript object of json 
});

2）Access-Control-Allow-Origin允许浏览器从其他起源读取信息，而bur这是一个更好的答案

Answer 2

最好使用jQuery的$ .getJSON，$。ajax，$。get等。

但是，如果您想要本机方式（不想加载外部库或更喜欢本机javascript等），请尝试以下操作：

 // returns proper XMLHttpRequest object function getXmlHttp(){ var xmlhttp; try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } } if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp = new XMLHttpRequest(); } return xmlhttp; } // creates CORS Request object function createCORSRequest(method, url) { var xhr = getXmlHttp(); if ("withCredentials" in xhr) { xhr.open(method, url, true); } else if (typeof XDomainRequest != "undefined") { xhr = new XDomainRequest(); xhr.open(method, url); } else { xhr = null; } return xhr; } // does request and calls callback function and passes json data to callback function function getJson(url, callback) { var request = createCORSRequest('GET', url); if(!request) { console.log('Cannot create request'); return false; } request.onload = function() { var data = JSON.parse(request.responseText); callback(data); }; request.onerror = function() { console.log('Error happen'); }; request.send(null); } // usage //var url = "http://" + IP + ":8080/job/Job1/lastBuild/api/json?depth=1"; var url = 'http://time.jsontest.com/?alloworigin=true'; getJson(url, function(data) { alert(data.time); console.log(data); }); 

关于CORS： http ://www.html5rocks.com/en/tutorials/cors/

另外：必须在您请求的IP上定义有关Web服务器中CORS的访问规则。
在此处阅读有关内容： http : //enable-cors.org/server_nginx.html，http : //enable-cors.org/server_apache.html

您还可以在服务器端应用程序中添加自定义标头。
例如在PHP中：

header('Access-Control-Allow-Origin: *');

在RoR中： https ： //gist.github.com/dhoelzgen/cd7126b8652229d32eb4

Answer 3

open不返回任何内容，请检查MDN上的API参考 。 由于您通过将第三个参数发送为true来发出异步请求，因此它也不会在send()之后立即完成。 我建议阅读本指南 ，了解如何使用XMLHttpRequest。

Answer 4

您可以简单地设置xhr.responseType = 'json'; 并且response将是JSON。

 const xhr = new XMLHttpRequest(); xhr.open('GET', 'http://echo.jsontest.com/insert-key-here/insert-value-here/key/value'); xhr.responseType = 'json'; xhr.onload = function(e) { if (this.status == 200) { console.log('response', this.response); // JSON response } }; xhr.send();