javascript - jquery post方法的问题

Question

我正在尝试制作一个简单的 hello world 应用程序来测试连接前端和后端。后端是一个简单的烧瓶应用程序。

这是在按钮单击时执行的 JS：

function mouseAction() {
    let helloWorldButton = document.getElementById('btn')
    helloWorldButton.addEventListener("click", function(){
        //post request goes here
        console.log("mouse clicked!")
        $.post({
            url: "http://localhost:5000/hello_world",
            data: {},
            success: function(data){
                formatReturnedData(data)
            },
            dataType: 'string'
        })
        console.log(data)
        console.log('hi bruh')
    })
}

我知道服务器收到了请求，因为我的守护进程记录了它：

但是'hi bruh'或'data'永远不会打印到控制台，我做错了什么？任何帮助表示赞赏。

标签： javascriptjqueryajax

Answer 1

您的请求格式不正确。您console.log的 s 应该在您的成功回调函数中。并且'string'不是有效值dataType。

试试这个：

$.post({
  url: 'http://localhost:5000/hello_world',
  data: {},
  success: function(data) {
    formatReturnedData(data);
    console.log(data);
    console.log('hi bruh');
  },
  dataType: 'json'
});

有关更多详细信息，请参阅文档https://api.jquery.com/jquery.post/