Question

我试图将使用Flask在Python中制作的服务器中的数据发送到客户端并使用AJAX收集这些数据。我见过的很多例子都是用jQuery做的，但是我想在没有jQuery的情况下做到这一点。是否可以使用普通的Javascript而不使用jQuery来实现这一点，我将如何构建此功能？

Answer 1

您可以使用常规XmlhttpRequest：https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest

更好的是，您可以使用Fetch API：https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

来自MDN文档：

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

Fetch使用Promise所以你应该使用它。

Answer 2

如果您不想使用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();

从Python Flask向AJAX发送JSON

2 个答案: