花了一天时间通过视频的学习自己做的笔记,留个印象。。。。
具体自己写的源代码(百度网盘):https://pan.baidu.com/s/1V5v_5Z-EogJzZvgd2tbHBQ
(github):https://github.com/Mecho-Lichard/Ajax.git
Ajax简单介绍:
Ajax并不是新的是,只是将已有的技术封装起来。
AJAX即 "Asynchronous Javascript And XML" (异步JavaScript和XML) ,是指一种创建交互式网页应用的网页开发技术,它并不是一种新的技术ajax并非一种新的技术,而是几种原有技术的结合体,它由下列技术组合而成.
1.使用CSS和XHTML来表示.
2.使用DOM型来交互和动态显示,
3.使用XMLHtipRequest来和服务器进行异步通信.
4.使用javascript来绑定和调用.
在上面几中技术中,除了XmlHttpRequest对象以外,其它所有的技术都是基于web标准并且已经得到了广泛使用, XMLHttpRequest虽然目前还没有被W3C所采纳,但是它已经是一个事实的标|准因为目前几平所有的主流浏览器都支持它,
同步的概念:
发布一个请求,等服务器处理完才能继续发请求。
异步的概念:
有什么用?
传统的网页,如果需要更新内容,必须加载整个网页,如果只需要对网页上的某个内容进行局部剧新,那么就需要使用到Ajax了,它可以让我们无需重新加载全部网页内容,即可完成对某个部分」的内容执行剧新,最典型的的例子,莫过于大家在注册网站的时候,输入的用户名,会自动的提示我们,该用户已被注册.
Ajax总体概述:
内部原理:通过XmlHttpRequest去执行请求和返回结果
具体实现:Ajax Get()请求
一、请求或获取数据:Get
1.创建对象
function ajaxFunction(){
var xmlHttp;
try{ // Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e){
try{// Internet Explorer
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){}
}
}
return xmlHttp;
}
2.发送请求:
function get(){
var request=ajaxFunction();
//2.发送请求
//http://localhost:8080/Ajax_day01/demo1.jsp
request.open("GET","ServletDemo1",true);
request.send();
}
demo1.jsp:
get()三个参数含义:
1.请求类型:Get or Post
2.请求的路径
3.是否异步,true or false
ServletDemo1.java