Ajax入门

Ajax简介：

• 一种用于创建快速动态网页的技术

特点：

• 通过在后台与服务器进行少量的数据交换，使网页实现异步更新 
• 传统网页如果不使用Ajax，每次加载数据都要刷新整个页面

在使用jquary的时候，需要导入jquary-1.4.2.js  文件

 

Ajax优点：

• 更新是只需要刷新局部，用户体验比较好
• 由于只需要刷新局部数据，对后台服务器的压力比较小

url：请求的地址

type：请求数据的传递方式（get/post）

data：用来床底的数据（建议使用json传递）

success：交互成功后要执行的方法

dataType： ajax接收后台数据的类型（建议使用json）

 

ajax与后台进行交互式，后台不能直接跳转到其他页面（ajax会向后台传输一个数据，后台页必须向ajax传递一个数据）

 

 

使用JS实现ajax

//<script>
    function show(){
        //1 创建一个xmlHttpRequest对象
        var xmlhttp = new XMLHttpRequest();
        //2 规定请求的类型，URL以及是否异步处理请求
        xmlhttp.open("GET", "<%=basePath%>/ListCouseServlet?flag=2", true);//true代表异步请求数据
        //3 将请求发送到服务器
        xmlhttp.send();
        //4 接收服务器的响应（readyState=4表示请求已完成且响应就绪   status=200表示请求响应一切正常）
        
        xmlhttp.onreadystatechange=function(){
            if(xmlhttp.readyState==4 && xmlhttp.status==200){
                //responseText: 服务器返回给ajax的数据
                document.getElementById("div1").innerHTML=xmlhttp.responseText;//将返回的数据写入div中
            }
        }

    }

//</script>