AJAX 正在返回 readystate=1

Question

我是新手。我正在将 FLASK 与 python 一起使用。从 flask 方法中，我试图在 AJAX 调用中返回一个 html 表行。

HTML Page has

<div>
<table id="tableQuestions">

</table>

//AJAX Requests to get
function loadQuestions(){

  var xmlHttp = new XMLHttpRequest();

   xmlHttp.onreadystatechange = function() {
   alert(xmlHttp.readyState + " " + xmlHttp.status);
   if (xmlHttp.readyState==4 && xmlHttp.status == 200) {
       var response = xmlHttp.responseText;
       console.log(response);
       document.querySelector("#tableQuestions").innerHTML=response;
     }
   xmlHttp.open("GET", '/gS', true);
   xmlHttp.send(null);

  }
}

Flask 路由有

#test.mix() returns html table rows

@gbp.route('/gS')
def gS():
    test=mn()
    response = make_response(test.mix(quesCount=4),200)
    response.mimetype="text/html"

在 Safari 调试器中，我可以看到 responseText 具有来自服务器的表数据，但 readystate 保持为 1 且 status =0

您能否建议我如何解决这个问题？

Answer 1

你有

xmlHttp.open("GET", '/gS', true);
xmlHttp.send(null);

在您的 xmlHttp.onreadystatechange 回调函数中，这可能会导致奇怪的效果。

尝试看看这样的东西（未经测试）是否表现更好：

//AJAX Requests to get
function loadQuestions() {
  var xmlHttp = new XMLHttpRequest();
  xmlHttp.open("GET", '/gS', true);
  xmlHttp.onreadystatechange = function() {
    alert(xmlHttp.readyState + " " + xmlHttp.status);
    if (xmlHttp.readyState==4 && xmlHttp.status == 200) {
      var response = xmlHttp.responseText;
      console.log(response);
      document.querySelector("#tableQuestions").innerHTML=response;
    }
  }
  xmlHttp.send(null);
}