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>