发表于: 2017-08-01 22:13:52
1 933
今天完成的事情:学习AJAX
昨天张帆师兄在日报中提醒我该提交任务了,自己任务六之前的代码全部没有上传到,遂决定重新来,审视自己掌握的知识点,还有查看任务的验收标准反思自己代码中存在的缺陷。所有的任务过来感觉自己,水平最差的是JSP
这方面的知识,AJAX更是没学。
什么是 AJAX ?
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。
有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。
AJAX工作原理
XMLHttpRequest 对象
XMLHttpRequest 是 AJAX 的基础。
所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。
XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST","ajax.info.txt",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Henry&lname=Ford");
}
</script>
</head>
<body>
<h2>AJAX</h2>
<button type="button" onclick="loadXMLDoc()">请求数据</button>
<div id="myDiv"></div>
</body>
</html>
明天计划的事情:查缺补漏,从头开始。
遇到的问题:再回头来写任务一的代码,在教导师弟的过程中发现了一个我之前一直忽视的地方。
我在创建实体类的时候,依赖注入喜欢采用的方法是属性注入,即常见的SetXXX()方法注入。师弟用的方法是构造函数注入时,会创建一个带参的函数构造器,之前我在使用这种方法的时候,一直忽视了,创建一个无参构造器,在这种情况下如果直接new XXX(),照书上所说会被视为不合法,然而我不写无参构造器,在之前的例子里也没报错,是IDEA自动帮我创建了?还是什么情况?还是因为我在属性注入的时候同时使用了属性注入和个i营造函数注入(没写无参构造器),spring自动帮我解决了这个问题?
收获:
都在对象被构造的时候被调用,只是在构造对象时根据new对象的参数类型和个数进行选择对应的构造方法进行调用,当没有参数时调用无参构造方法,有参数时调用对应的有参构造方法。构造函数的参数一般用来初始化类的数据成员。
构造函数的特点及作用:
构造函数的命名必须和类名完全相同。
构造函数的功能主要用于在类的对象创建时定义初始化的状态。它没有返回值,也不能用void来修饰。
构造函数不能被直接调用,必须通过new运算符在创建对象时才会自动调用。
当定义一个类定义的时候,通常情况下都会默认一个构造函数,此默认构造函数是不带参数的。当自定义了含参构造函数时,默认构造函数将需要手动书写出来。
评论