假设前端输入两个数,计算两数和后返回。
1.前端模板代码
添加 {%csrf_token%}例如:
分类:Web
django前端ajax提交数据被拒绝
方案一:
在form标签中加入标签{% csrf_token %}
ajax提交数据增加csrftoken信息
var data={
‘obj1’:$(‘#obj1’).val(),
‘obj2’:$(‘#obj2’).val(),
‘csrfmiddlewaretoken’:$(‘input[name=”csrfmiddlewaretoken”]’).val()
}
$.ajax({
URL:”,
type:’POST’,
data:data,
success:function(res){
console.log(res);
}
})
方案二:
在form标签中加入标签{% csrf_token %}
ajax headers中csrftoken信息
var data={
‘obj1’:$(‘#obj1’).val(),
‘obj2’:$(‘#obj2′).val(),
}
$.ajax({
URL:”,
type:’POST’,
data:data,
headers:{“X_CSRFToken”:$(‘input[name=”csrfmiddlewaretoken”]’).val(),
success:function(res){
console.log(res);
}
})
另外:
{% csrf_token %}可以用jquery.cookie.js代替,在页面引入jquery.min.js与jquery.cookie.js,$(‘input[name=”csrfmiddlewaretoken”]’).val()替换为
$.cookie(‘csrftoken’)
bootstrap图标选择器:Bootstrap-icon-picker优化
bootstrap自带的图标选择器Bootstrap-icon-picker 源码地址 很好用,但是用一个缺点,就是没有预览效果,只显示图标代码。如下图
其实input右边的按钮可以完全利用起来,如图:
我们可以修改一下js文件,让这个按钮实时显示所选的图标效果。
jquery Ajax跨域访问
js模拟类
js没有class关键字,只能通过函数定义:
继续阅读“js模拟类”js实现笛卡尔积
将一个数组中的两组数据实现笛卡尔积:
如:[[abc],[de],[fgh]]转换为:
[adf,adg,adh,aef,aeg,aeh,bdf,bdg,bdh,bef,beg,beh,cdf,cdg,cdh,cef,ceg,ceh]
js代码如下: