Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从Python向AJAX发送JSON_Javascript_Python_Json_Ajax_Flask - Fatal编程技术网

Javascript 从Python向AJAX发送JSON

Javascript 从Python向AJAX发送JSON,javascript,python,json,ajax,flask,Javascript,Python,Json,Ajax,Flask,我试图将数据从Python中使用Flask制作的服务器发送到客户机,并使用AJAX收集这些数据。我看到的许多示例都是用jQuery实现的,但我希望不用jQuery。在没有jQuery的情况下,使用普通Javascript是否可以实现这一点?我将如何构建此功能?您可以使用常规的XmlhttpRequest: 更好的是,您可以使用Fetch API: 从MDN文档中: fetch('http://example.com/movies.json') .then(function(response

我试图将数据从Python中使用Flask制作的服务器发送到客户机,并使用AJAX收集这些数据。我看到的许多示例都是用jQuery实现的,但我希望不用jQuery。在没有jQuery的情况下,使用普通Javascript是否可以实现这一点?我将如何构建此功能?

您可以使用常规的XmlhttpRequest:

更好的是,您可以使用Fetch API:

从MDN文档中:

 fetch('http://example.com/movies.json')
  .then(function(response) {
    return response.json();
  })
  .then(function(myJson) {
    console.log(myJson);
  });

Fetch使用Promise,所以您应该使用它。

如果您不想使用jQuery,可以使用javascript中内置的XMLHttpRequest对象。实际上使用起来很简单

var url = 'www.yoursite.com/data.json';
var xhr = new XMLHttpRequest();
xhr.responseType = 'json';
xhr.open("GET", url, true);

xhr.onload = function() {
    console.log("Status Code", this.status);
    console.log("Body", this.response);
}
xhr.send();