javascript - xmlHttpRequest 卡在就绪状态 1

Question

我正在处理我的第一个 XMLHttpRequest，但运气不太好。我认为错误出现在 Flask 端的某个地方，因为在 request.onload 行，请求就绪状态为 1，因此它直接跳到 request.send()。

Javascript:

  // Load user's last page
  loadPage('chat');
  window.onpopstate = e => {
    const data = e.state;
    document.title = data.title;
    document.querySelector('#body').innerHTML = data.text;
  };
  function loadPage(name) {
    const request = new XMLHttpRequest();
    request.open('GET', '/{name}');
    request.onload = () => {
      const response = request.responseText;
      document.querySelector('#body').innerHTML = response;
      document.title = name;
    };
    request.send();
  };

在 Flask 端:

import requests
from flask import Flask, jsonify, render_template, request, session

@app.route('/chat', methods=['GET'])
def chat():
    channel = session['channel']
    print('channel: ', channel)
    return jsonify ({'channel': channel, 'username': session['username']})

还值得注意的是:发出 GET 请求后，服务器端不会打印“channel”，这告诉我实际上并未发出 GET 请求。你知道是什么阻碍了我吗？

Answer 1

此 '/{name}' 不是正确的字符串插值语法。它按字面意思计算为 /{name}。我本来会这样做 '/' + name，但好奇心战胜了我，并找到了 this question 的可接受答案。显示正确的语法。