好久没有用ajax,上一次用还是在学习.net课程时才用到的,现在做项目需要用到发现忘了好多知识,下面记录一下需要注意的地方:
html前端代码:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Financial Chatbot</title>
<!--引入jQuery-->
<script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.js"></script>
</head>
<body>
</body>
<script type="text/javascript">
function send_msg(){
$.ajax({
type: "post", //提交数据方式
dataType: "text", //返回数据类型
url: "/handle_msg", //后端请求
data: {'input_text':text.value}, //传到后台的数据
success: function(result) { //成功返回数据时的操作,result是后台返回的数据
console.log(result);
}
});
}
}
</script>
</html>
flask后台代码:
@app.route('/handle_msg',methods=['POST']) #前一个参数是路由,后一个是提交数据的方法
def handle_msg(): #处理函数
return "test_text"
需要注意的地方是要使用ajax传值,必须在script标签中指明jquery文件的路径,否则是不能使用ajax的(因为这个原因我debug好久)。
jquery路径参考网址:https://www.cnblogs.com/ai10999/p/11449332.html