客户端 访问 服务器 方式:
地址栏 get
a标签 get
form表单 get/post
ajax get/post
ajax中默认请求是GET, 如果改成 POST ,会报 403 forbidden的错误,解决办法就是加上 csrf_token ,具体就是将下面的注释打开就是
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="/static/jquery-3.3.1.js"></script>
</head>
<body>
{# {% csrf_token %}#}
<button class="sendA">sendAjax</button>
<script>
{#var token=$("input[name=csrfmiddlewaretoken]").val();#}
$(".sendA").click(function () {
//发送ajax 默认get 注意 ajax里面是一个字典
$.ajax(
{
url:"/sendA/",
{#type:"POST",#}
data:{
{#csrfmiddlewaretoken:token#}
},
success:function (data) {
console.log(data);
}
}
)
})
</script>
</body>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="/static/jquery-3.3.1.js"></script>
</head>
<body>
{# {% csrf_token %}#}
<button class="sendA">sendAjax</button>
<script>
{#var token=$("input[name=csrfmiddlewaretoken]").val();#}
$(".sendA").click(function () {
//发送ajax 默认get 注意 ajax里面是一个字典
$.ajax(
{
url:"/sendA/",
{#type:"POST",#}
data:{
{#csrfmiddlewaretoken:token#}
},
success:function (data) {
console.log(data);
}
}
)
})
</script>
</body>
</html>
方式1
1
2
3
|
$.ajaxSetup({
data: {csrfmiddlewaretoken:
'{{ csrf_token }}'
},
});
|
方式2
1
2
3
|
<
form
>
{% csrf_token %}
</
form
><
br
><
br
><
br
>$.ajax({<
br
>...<
br
>data:{
|
"csrfmiddlewaretoken":$("[name='csrfmiddlewaretoken']").val();
1 | }< br >}) |
方式3:
1 | < script src="{% static 'js/jquery.cookie.js' %}"></ script > |
1
2
3
4
5
|
$.ajax({
headers:{"X-CSRFToken":$.cookie('csrftoken')},
})
|