ajax的优缺点
AJAX使用Javascript技术向服务器发送异步请求
AJAX无须刷新整个页面
因为服务器响应内容不再是整个页面，而是页面中的局部，所以AJAX性能高
小练习：计算两个数的和
方式一：这里没有指定contentType：默认是urlencode的方式发的
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width">
<title>Title</title>
<script src="/static/jquery-3.2.1.min.js"></script>
<script src="http://apps.bdimg.com/libs/jquery.cookie/1.4.1/jquery.cookie.js"></script>
</head>
<body>
<h1>计算两个数的和，测试ajax</h1>
<input type="text" class="num1">+<input type="text" class="num2">=<input type="text" class="ret">
<button class="send_ajax">sendajax</button>
<script>
$(".send_ajax").click(function () {
$.ajax({
url:"/sendAjax/",
type:"post",
headers:{
"X-CSRFToken":$.cookie('csrftoken')},
data:{
num1:$(".num1").val(),
num2:$(".num2").val(),
},
success:function (data) {
alert(data);
$(".ret").val(data)
}
})
})
</script>
</body>
</html>
**views.py
**
def index(request):
return render(request,"index.html")
def sendAjax(request):
print(request.POST)
print(request.GET)
print(request.body)
num1 = request.POST.get("num1")
num2 = request.POST.get("num2")
ret = float(num1)+float(num2)
return HttpResponse(ret)
方式二：指定conentType为json数据发送：
<script>
$(".send_ajax").click(function () {
$.ajax({
url:"/sendAjax/",
type:"post",
headers:{
"X-CSRFToken":$.cookie('csrftoken')}, //如果是json发送的时候要用headers方式解决forbidden的问题
data:JSON.stringify({
num1:$(".num1").val(),
num2:$(".num2").val()
}),
contentType:"application/json", //客户端告诉浏览器是以json的格式发的数据，所以的吧发送的数据转成json字符串的形式发送
success:function (data) {
alert(data);
$(".ret").val(data)
}
})
})
</script>
views.py
def sendAjax(request):
import json
print(request.POST) #<QueryDict: {}>
print(request.GET) #<QueryDict: {}>
print(request.body) #b'{"num1":"2","num2":"2"}' 注意这时的数据不再POST和GET里，而在body中
print(type(request.body.decode("utf8"))) # <class 'str'>
# 所以取值的时候得去body中取值，首先得反序列化一下
data = request.body.decode("utf8")
data = json.loads(data)
num1= data.get("num1")
num2 =data.get("num2")
ret = float(num1)+float(num2)
return HttpResponse(ret)
JS实现的ajax
其实AJAX就是在Javascript中多添加了一个对象：XMLHttpRequest对象。所有的异步交互都是使用XMLHttpServlet对象完成的。也就是说，我们只需要学习一个Javascript的新对象即可。
var xmlHttp = new XMLHttpRequest()；//（大多数浏览器都支持DOM2规范）
注意，各个浏览器对XMLHttpRequest的支持也是不同的！为了处理浏览器兼容问题，给出下面方法来创建XMLHttpRequest对象：
function createXMLHttpRequest() {
var xmlHttp;
// 适用于大多数浏览器，以及IE7和IE更高版本
try{
xmlHttp = new XMLHttpRequest();
} catch (e) {
// 适用于IE6
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
// 适用于IE5.5，以及IE更早版本
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
}
}
}
return xmlHttp;
}
**二、使用流程
**
1、打开与服务器的连接（open）
当得到XMLHttpRequest对象后，就可以调用该对象的open()方法打开与服务器的连接了。open()方法的参数如下：
open(method, url, async)：
method：请求方式，通常为GET或POST；
url：请求的服务器地址，例如：/ajaxdemo1/AServlet，若为GET请求，还可以在URL后追加参数；
async：这个参数可以不给，默认值为true，表示异步请求；
2、发送请求
当使用open打开连接后，就可以调用XMLHttpRequest对象的send()方法发送请求了。send()方法的参数为POST请求参数，即对应HTTP协议的请求体内容，若是GET请求，需要在URL后连接参数。
注意：若没有参数，需要给出null为参数！若不给出null为参数，可能会导致FireFox浏览器不能正常发送请求！
xmlHttp.send(null);
**3、接收服务器的响应（5个状态，4个过程）
**
当请求发送出去后，服务器端就开始执行了，但服务器端的响应还没有接收到。接下来我们来接收服务器的响应。
XMLHttpRequest对象有一个onreadystatechange事件，它会在XMLHttpRequest对象的状态发生变化时被调用。下面介绍一下XMLHttpRequest对象的5种状态：
0：初始化未完成状态，只是创建了XMLHttpRequest对象，还未调用open()方法；
1：请求已开始，open()方法已调用，但还没调用send()方法；
2：请求发送完成状态，send()方法已调用；
3：开始读取服务器响应；
4：读取服务器响应结束。
onreadystatechange事件会在状态为1、2、3、4时引发。
下面代
文章浏览阅读936次。1 kmeansK-means聚类算法也称k均值聚类算法，是集简单和经典于一身的基于距离的聚类算法。它采用距离作为相似性的评价指标，即认为两个对象的距离越近，其相似度就越大。该算法认为类簇是由距离靠近的对象组成的，因此把得到紧凑且独立的簇作为最终目标。2.算法核心思想K-means聚类算法是一种迭代求解的聚类分析算法，其步骤是随机选取K个对象作为初始的聚类中心，然后计算每个对象与各个种子聚类中心之间的距离，把每个对象分配给距离它最近的聚类中心。聚类中心以及分配给它们的对象就代表一个聚类。每分配一个样本_kmeans算法相关性分析
文章浏览阅读466次，点赞8次，收藏12次。以上是基于Spring Boot的自习室管理系统的主要功能，通过这些功能可以实现自习室座位的管理、课程的管理、学员信息的管理和行为管理等功能，为自习室提供一个高效、便捷、智能的解决方案。登录后，系统将根据用户的角色显示相应的功能菜单。通过以上各个功能模块的实现，基于Spring Boot的自习室管理系统将提供一套完善的解决方案，帮助自习室提高工作效率和服务质量，为学员提供更加便捷、舒适的学习环境。通过生成相应的报表，管理员可以更好地了解自习室的使用状况和学员的学习情况，从而做出相应的决策和管理调整。_基于springboot的共享自习室管理系统参考文献
文章浏览阅读4.5k次，点赞7次，收藏26次。在进行深度学习过程中会遇到几个模型进行串联，这几个模型需要使用同一个优化器，但每个模型的学习率或者动量等其他参数不一样这种情况。一种解决方法是新建一个模型将这几个模型进行串联，另一种解决方法便是往优化器里面传入这几个模型的参数。..._pytorch加载多个模型
文章浏览阅读1.4k次。原标题：中级软考多少分及格盛泰鼎盛 对于第一次报名软考的朋友，可能对于考试合格分数线不太了解，软考分为初、中、高三个级别，那么软考中级多少分及格呢？软考中级合格标准根据往年的软考合格分数线来看，各级别的合格标准基本上统一的。2019年上半年计算机技术与软件专业技术资格(水平)考试各级别各专业各科目合格标准均为45分(总分75分)。而2016下半年计算机技术与软件专业技术资格(水平)考试除了信息系统..._计算机程序设计员中级考试内容及合格标准
文章浏览阅读50次。2019独角兽企业重金招聘Python工程师标准>>> ..._爬虫考虑安全法律因素
文章浏览阅读263次。本章主要内容有： ● 实现基于微软账户的第三方身份验证 ● 实现双因子身份验证 ● 验证码机制实现基于微软账户的第三方身份验证 在微软提供的ASP.NET MVC模板代码中，默认添加了微软、Google、twitter以及Facebook的账户登录代码(虽然被注释了)，另外针对国内的一些社交账户提供了相应的组件，所有组件都可以通过Nuget包管理器安装： 从..._identity 二次登录
文章浏览阅读350次。首先要解决的问题是敏感词的存储形式，这就涉及数据结构，先想想搜索屏蔽要怎么处理，比如我有一个content，我就遍历它每个字符，先看与词典中所有词第一个字符相同的，再看第二个，再看第三个.等等。那么，很明显，这就需要一种以层来存储的数据结构--树来存储敏感词汇。我首先设计了一个Node，它要存储同一级的node指针，下一级的node指针，标识词的结束，数据。最开始本来只想到用树的结构，最后发现， ...
文章浏览阅读167次，点赞3次，收藏7次。1. 背景介绍1.1 隐私保护的重要性在当今的数字时代,个人隐私保护已经成为一个越来越受关注的问题。随着大数据和人工智能技术的快速发展,海量的个人数据被收集和利用,这给个人隐私带来了巨大的风险。如何在利用数据的同时保护个人隐私,已经成为了一个亟待解决的挑战。
文章浏览阅读177次。1．clone方法保护方法，实现对象的浅复制，只有实现了Cloneable接口才可以调用该方法，否则抛出CloneNotSupportedException异常。2．getClass方法final方法，获得运行时类型。3．toString方法该方法用得比较多，一般子类都有覆盖。4．finalize方法该方法用于释放资源。因为无法确定该方法什么时候被调用，很少使用。5．equals方法该方法是非常重..._一般情况下,异常类存放在什么包中
文章浏览阅读1.1k次。队列的定义队列简称为“对”，英文名为“Queue”。队列和堆栈一样都是特殊的线性表。和堆栈不一样的是，队列这种线性表的特殊是它限定只能在表的一端作插入运算，然后只能在表的另一端作删除运算，作插入元素的这一端为“队首”，作删除运算的这一端称为“队尾”。队列的这一特征我们又可以称它为“先进先出”。队列的这个“先进先出”就如同我们平时排队一样，讲究一个先来后到，先来的排在前面，后到的排在后面，排前面的先走，排后面的后走。队列有两种存储结构，一种是顺序排列，另一种是链式排列。如下面图的采用顺序存储结构_队列又可以简称为
文章浏览阅读867次，点赞11次，收藏20次。1.背景介绍在当今的数字时代，数据已经成为企业和组织中最宝贵的资产之一。随着数据的增长和复杂性，数据驱动的决策变得越来越重要。数据驱动的产品研发是一种新兴的方法，它利用数据来优化产品的设计、开发和运营。这种方法可以帮助企业更有效地利用数据，提高产品的安全性和质量。在这篇文章中，我们将探讨数据驱动的产品研发的核心概念、算法原理、实例和未来发展趋势。我们将涉及到以下几个方面：背景介绍核...
文章浏览阅读1.3k次。转载自：http://blog.sina.com.cn/s/blog_48b82df90100bpfj.html基础类的DSP/BIOS API调用一、时钟管理CLK(1)Uns ncounts = CLK_countspms(void) 返回每毫秒的定时器高分辨率时钟的计数值(2)LgUns currtime = CLK_gethtime(void) _clk_gethtime 返回值