AJAX学习

概念:

AJAX概念:ASynchronours JavaScript And XML ==异步的JavaScript和XML

1.异步和同步:客户端和服务器端相互通信的基础上 

　　*客户端必须等待服务器端的响应，在等待的期间客户端不能做其他操作。

　　*客户端不需要等待服务器端的响应， 在服务器处理客户的请求过程中，客户端可以处理其他操作。

　　作用:提升用户的体验

实现方式:

1.原生JS方式:(了解) W3school中有教程

　js函数中 //发送异步教程

 　　　　//1创建核心对象　　　

var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
//2.建立连接

//参数
/*
*   1.请求发送 GET POST
*     get方式 ，请求参数在URL后面拼接参数，send方法为空参
*     post方式，请求参数在send方法中定义
*   2.请求的URL路径
*   3.同步或异步请求true（异步）或 false（同步）
* */
xmlhttp.open("GET","ajaxServlet?username=jack",false);
//3.发送请求
xmlhttp.send();
　//4.接受并处理来自服务器的响应结果

　　　　

/*获取方式:xmlhttp.responseText
什么时候获取？当服务器响应成功后再获取
* */
//当xmlhttp这个对象的就绪状态改变时，会触发一个事件
xmlhttp.onreadystatechange=function()
{
    //判断就绪状态是否为4
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        var responseText =xmlhttp.responseText;
        alert(responseText);
    }
}

　

2.JQuery实现方式:

　　a.$.ajax()

　　　　语法:$.ajax(url,)

　　　　　　  　

b.$.get()

　  c.$.post()