通过ajax的方式发送两个数据进行加法运算

html页面

<body>

<h3>index页面 </h3>

<input type="text" name="cal_1">+

<input type="text" name="cal_2">=

<input type="text" name="cal_3">

<button id="b2">计算</button>

<script src="/static/js/jquery.js"></script>

{#<script src="/static/js/ajax_setup.js"></script>#}

<script>

    $("#b2").click(function () {

        $.ajax({

            url: "/cal2/",//提交的地址

            type: "post",

            //csrftoke 可以通过headers获取, 也可以通过data获取,选择一种发送方式

            {#headers:{"X-csrftoken":$("[name='csrfmiddlewaretoken']").val()},#}

            {#headers:{'X-csrftoken':csrftoken,},#}

            //(获取的是cookie里的token的值,跟上一行效果一样一样,但是要引src="/static/js/ajax_setup.js")

            data: {

                i1: $("[name='cal_1']").val(),//获取标签里的值

                i2: $("[name='cal_2']").val(),

                "csrfmiddlewaretoken": $("[name='carfmiddlewaretoken']").val(),

                {#"csrfmiddlewaretoken":csrftoken,#}

                //(获取的是cookie里的token的值,跟上一行效果一样一样,但是要引src="/static/js/ajax_setup.js")

            },

            success: function (response) {

                $("[name='cal_3']").val(response) // 给cal_3赋值

            },

            error: function (response) {

            },

        })

    });

</script>

</body>

csrf的发送可以在headers里面发送,也可以在data里面发送.   不管在哪发送,都有两种发送形式.

第一种方式就是直接在headers 或者 data 获取值,然后发送

    $("#b2").click(function () {

        $.ajax({

            url: "/cal2/",//提交的地址

            type: "post",

            //csrftoke 可以通过headers获取, 也可以通过data获取,选择一种发送方式

            headers:{"X-csrftoken":$("[name='csrfmiddlewaretoken']").val()},
 data: {

                i1: $("[name='cal_1']").val(),//获取标签里的值

                i2: $("[name='cal_2']").val(),

                "csrfmiddlewaretoken": $("[name='carfmiddlewaretoken']").val(),

第二种方式就是引入ajax_setup文件发送. 也是可以通过headers 或者 data

<script src="/static/js/ajax_setup.js"></script>

<script>

    $("#b2").click(function () {

        $.ajax({

            url: "/cal2/",//提交的地址

            type: "post",

            //csrftoke 可以通过headers获取, 也可以通过data获取,选择一种发送方式

            {#headers:{"X-csrftoken":$("[name='csrfmiddlewaretoken']").val()},#}

            headers:{'X-csrftoken':csrftoken,},

            //(获取的是cookie里的token的值,跟上一行效果一样一样,但是要引src="/static/js/ajax_setup.js")


<script src="/static/js/ajax_setup.js"></script>


data: {

                i1: $("[name='cal_1']").val(),//获取标签里的值

                i2: $("[name='cal_2']").val(),

                {#"csrfmiddlewaretoken": $("[name='carfmiddlewaretoken']").val(),#}

                "csrfmiddlewaretoken":csrftoken,

                //(获取的是cookie里的token的值,跟上一行效果一样一样,但是要引src="/static/js/ajax_setup.js")

            },




在veiws都一样




#发ajax计算

def cal2(request):

    i1=request.POST.get("i1","") # 如果有值就获取,如果没有值就默认获取空字符串  这里的i1 对应的是前端data 里面 i1:$("[name='cal_1']").val()的i1

    i2=request.POST.get("i2","")

    print("i1:",i1)

    print("i2:",i2)

    if i1 and i2:

        i3=int(i1)+int(i2)

    else:

        i3=""

    return HttpResponse(i3)


												


											
ajax请求中 两种csrftoken的发送方法的更多相关文章
	

    
								
  1. AppCan中两种获取信息的方法
		
    <div id="newsInfo">正在加载...</div> 1.JSON格式: [{'R': '1','NOTI_ID': '9','NOTI_TIT ...
    
		
    2. 
						
  2. objective－C 中两种实现动画的方法
		
    第一种方法: [UIView beginAnimations:@"Curl"context:nil];//动画开始 [UIView setAnimationDuration:1.2 ...
    
		
    3. 
						
  3. objective－C 中两种实现动画的方法(转)
		
     转发自:http://wayne173.iteye.com/blog/1250232 第一种方法: [UIView beginAnimations:@"Curl"context: ...
    
		
    4. 
						
  4. [TestNG] Eclipse/STS中两种安装TestNG的方法
		
    Two Ways To Install TestNG in Eclipse/STS Today I install the newest Sprint Tool Suite and want to i ...
    
		
    5. 
						
  5. Django学习——ajax发送其他请求、上传文件（ajax和form两种方式）、ajax上传json格式、 Django内置序列化（了解）、分页器的使用
		
    1 ajax发送其他请求 1 写在form表单 submit和button会触发提交 <form action=""> </form> 注释 2 使用inp ...
    
		
    6. 
						
  6. C#中Post请求的两种方式发送参数链和Body的
		
    POST请求 有两种方式 一种是组装key=value这种参数对的方式 一种是直接把一个字符串发送过去 作为body的方式 我们在postman中可以看到 sfdsafd sdfsdfds publi ...
    
		
    7. 
						
  7. 通过 Ajax 发送 PUT、DELETE 请求的两种实现方式
		
    一.普通请求方法发送 PUT 请求 1. 如果不用 ajax 发送 PUT,我们可以通过设置一个隐藏域设置 _method 的值,如下: <form action="/emps&quo ...
    
		
    8. 
						
  8. ASP.NET MVC 实现AJAX跨域请求的两种方法
		
    通常发送AJAX请求都是在本域内完成的,也就是向本域内的某个URL发送请求,完成部分页面的刷新.但有的时候需要向其它域发送AJAX请求,完成数据的加载,例如Google. 在ASP.NET MVC 框 ...
    
		
    9. 
						
  9. .net中对HTTP请求的两种请求：Get和Post的操作
		
    .net中对HTTP请求的简单操作总结 第一部分,HTTP协议的简单了解 一.           什么是HTTP协议 超文本传输协议 (HTTP-Hypertext transfer protoco ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. opencart源码解析之 index.php
			
    //访问index.php,安全过滤.加载配置文件.核心启动文件.函数库.类库 //转载请注明: http://blog.csdn.net/dabao1989/article/details/2122 ...
    
			
    2. 
						
  2. Golang写https服务端
			
    1. 生成私钥openssl genrsa -out key.pem 20482. 生成证书openssl req -new -x509 -key key.pem -out cert.pem -day ...
    
			
    3. 
						
  3. Emgu-WPF 激光雷达研究-移动物体跟踪
			
    原文:Emgu-WPF 激光雷达研究-移动物体跟踪 接前两篇博客: 激光雷达数据解析并绘制雷达图 https://blog.csdn.net/u013224722/article/details/80 ...
    
			
    4. 
						
  4. IOS开发之把 Array 和 Dictionaries 序列化成 JSON 对象
			
    1 前言通过 NSJSONSerialization 这个类的 dataWithJSONObject:options:error:方法来实现,Array 和 dictionary 序列化成 JSON  ...
    
			
    5. 
						
  5. 用MVVM模式开发中遇到的零散问题总结（5）——将动态加载的可视元素保存为图片的控件，Binding刷新的时机
			
    原文:用MVVM模式开发中遇到的零散问题总结(5)--将动态加载的可视元素保存为图片的控件,Binding刷新的时机 在项目开发中经常会遇到这样一种情况,就是需要将用户填写的信息排版到一张表单中,供打 ...
    
			
    6. 
						
  6. HALCON 语句的分类
			
    绿色:注释 褐色:控制和开发算子 蓝色:图像获取和处理算子 浅蓝色:外部函数
    
			
    7. 
						
  7. WPF最大化避免覆盖任务栏
			
    原文:WPF最大化避免覆盖任务栏 WPF当窗体WindowStyle=”None”时,最大化会覆盖掉任务栏.如何解决这个问题呢? 我在Google里面搜到一篇文章,要用到Win32 API,通过让WP ...
    
			
    8. 
						
  8. 数据绑定（九）Binding的数据校验
			
    原文:数据绑定(九)Binding的数据校验 Binding用ValidationRules属性来校验数据的有效性,ValidationRules属性类型是Collection<Validati ...
    
			
    9. 
						
  9. 【Python】设备重启测试
			
    ①添加读取键盘输入功能,方便测试者选择压测次数! Python提供了 input() 内置函数从标准输入读入一行文本,默认的标准输入是键盘. input 可以接收一个Python表达式作为输入,并将运 ...
    
			
    10. 
						
  10. sqlserver创建接受任何类型的nvl
			
    if exists ( select * from sys.objects where object_id = object_id(N'dbo.nvl') and type = N'FN') begi ...
    
			
    11.