Ajax原理与快速入门 案例

花了一天时间通过视频的学习自己做的笔记，留个印象。。。。

具体自己写的源代码(百度网盘)：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