解决Django中在.js文件中用ajax请求后端,找不到CSRF问题

function getCookie(name) {
    var cookieValue = null;
    if (document.cookie && document.cookie !== ‘‘) {
        var cookies = document.cookie.split(‘;‘);
        for (var i = 0; i < cookies.length; i++) {
            var cookie = jQuery.trim(cookies[i]);
            // Does this cookie string begin with the name we want?
            if (cookie.substring(0, name.length + 1) === (name + ‘=‘)) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
}

var USERNAME = ‘‘;
$(‘document‘).ready(function(){

    $(‘#login_submit‘).click(function(){
        var csrftoken = getCookie(‘csrftoken‘);
        var username = $(‘#username‘).val();
        var password = $(‘#password‘).val();

        $.ajax({
            cache: false,
            type: "POST",
            url: "/signin/",
            dataType:‘json‘,
            async: true,
            data:{
                username: username, //用户名
                password: password  //密码
            },
            success: function(data) {
                 if (data.status == ‘fail‘) {
                        alert(‘用户名或密码错误‘)
                 }
                 if (data.status == ‘fail1‘) {
                     alert(‘用户名必填并且密码必须要五位以上‘)
                 }
                 if(data.status == ‘success‘) {
                     window.location.href = "/index";
                 }

            },
            beforeSend: function(xhr, settings) {
              xhr.setRequestHeader("X-CSRFToken", csrftoken);
            }
        });
    });
时间: 2024-08-05 10:52:37

解决Django中在.js文件中用ajax请求后端,找不到CSRF问题的相关文章

Django 中的js文件 post请求的url无法使用使用{% url ‘path’ %}

具体问题: 解决方法1:

Django中载入js和css文件

Django中载入js和css文件 项目的文件夹结构例如以下: mysite |-mysite |-|-static |-|---js和css文件 |-|-|-init.py |-| |-models.py |-| |-views.py |-|-init.py |-|-settings.py |-|-urls.py |-templates |-|-(template html 文件) settings.py中static变量的设置: STATIC_ROOT = os.path.join(os.p

eclipse中的js文件报错的解决办法

在使用别人的项目的时候,导入到eclipse中发现js文件报错,解决办法是关闭eclipse的js校验功能. 三个步骤: 1. Eclipse代码   右键点击项目->properties->Validation->Errors/Warming 将Enable Javascript Sematic validation前面的钩子去掉 2.打开.project 文件下面代码去掉 Eclipse代码   <buildCommand> <name>org.eclipse

Eclipse中出现JS文件前有红叉的解决方法

Eclipse中出现JS文件前有红叉的解决方法,亲测有效: Right click your project  (右单击工程属性) Select Properties -> JavaScript -> Include(选择JavaScript下的include菜单) Select Source tab (It looks similar to the Java Build Path Source tab)(选择SOURCE标签) Expand source folder(展开菜单) Highl

eclipse中的js文件出现中文乱码的三种解决办法

这里记录一下Eclipse中打开/编辑JS文件,出现中文乱码的解决办法. 出现中文乱码的原因 在Eclipse中,js文件的默认编码是ISO-8859-1,这种编码和中文不兼容,导致了解码失败,继而出现了中文乱码. 解决中文乱码的方法 解决的方法就是将js文件的编码修改为对应的中文编码就可以了. 1.依次点击Windows->Preferences->General->Content Types->Text->JavaScript Source File,将编码格式改为UTF

javascript中外部js文件取得自身完整路径得办法

原文:javascript中外部js文件取得自身完整路径得办法 有时候我们需要引入一个外部js文件,这个js文件又需要用到自己的路径或者是所在的目录,别问怎么又这么变态的需求,开发做久了各种奇葩需求也就有了! 有人第一时间想到的是location.href,可是哥哥,那个引用页面的路径啊.比如a.html: <html> <script src="/b/c.js"></script> </html> 这样的话我们用location.hre

在winform中调用js文件并输出结果

在winform中调用js文件并输出结果默认分类 2007-10-19 16:35:06 阅读25 评论0 字号:大中小 由于项目需要在winform中调一个强大的js,所以把这个tip记录在此: 1.下载并安装Microsoft 下载 http://www.microsoft.com/downloads/details.aspx?displaylang=zh-cn&FamilyID=D05FCF37-4D9F-4769-9442-0BCEEF907033 2.在项目中添加引用:msscript

解决Android中fragment_main.xml文件中的组件获取的问题

package com.dhy.phonedial; import android.app.Activity; import android.app.Fragment; import android.content.Intent; import android.net.Uri; import android.os.Bundle; import android.view.LayoutInflater; import android.view.Menu; import android.view.Me

html或者jsp页面引用jar包中的js文件

一,页面上引用jar包中的js文件的方法 使用java web框架AppFuse的时候发现,jquery.bootstrap等js框架都封装到jar包里面了.这些js文件通过一个wro4j的工具对其进行了压缩集成到一个js文件里面.页面使用的时候的时候,引用这一个js文件即可.通过解读wro对于js处理的过程,找到了html或者jsp引用jar包中的js文件的方法: <c:set var="base" value="${pageContext.request.conte