关于python flask框架中ajax 原生写法的400错误

$(function () {

$("#comment_submit").click(function (event) {

event.preventDefault();

user_comment =$("#comment_input").val();

console.log(user_comment);

if (!user_comment) {

alert('请输入评论内容');

return

        }

$.ajax({

url:"/cms/comment/",

type:"post",

dataType:"json",

data: {

'user_comment':user_comment

            },

success:function (data) {

alert("评论成功");

$("#comment_input").val("");

}

});

})

});

在原生写法中,如果基本的格式没有出现,有可能是缺少csrf_token

在html中<head></head>标签中添加

<script>

var csrf_token ="{{csrf_token() }}";

$.ajaxSetup({

beforeSend:function(xhr, settings) {

if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) && !this.crossDomain) {

xhr.setRequestHeader("X-CSRFToken",csrf_token);

}

}

});

</script>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 13,919评论 0 38
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,059评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,386评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,202评论 0 1
  • 今天晨起阅读,《不安的时候,坐下来写》。30分钟快速阅读此书后,感觉正如书中所写,“所有的书写,都通向疗愈”。书中...
    龙马行天下阅读 244评论 1 3