Ajax含义:js+XML
功能:实现局部刷新
增强用户体验
一:使用不足:
1.首先要写一个div,来触发一个js
2.<script type="text/javascript">
function loadName(){
}
3.在function中初始化一个浏览器的内置对象XMLHttpRequest
var xmlHttp;//在js中定义了一个变量xmlHttp
if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
}
else
xmlHttp=new ActiveXObject("Microsoft.XMLHttp");
4.可以设置响应请求
原理:每当readyState改变一次,便会自动的调用一次onreadyState方法处理
当readyState=4&&state=200时说明响应完成
做出处理,常见处理是通过调用responseText获得后台返回的相应参数
5.定义发送后台的请求
xmlHttp.open("请求方式","访问后台的url",true(是否异步));
xmlHttp.send(); //发送请求
get请求允许在url后面通过?参数名=参数值
post则需要xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //设置头信息,规定以表的形式来封装请求参数
xmlHttp.send("请求参数名=请求参数值"); //发送请求
功能:实现局部刷新
增强用户体验
一:使用不足:
1.首先要写一个div,来触发一个js
2.<script type="text/javascript">
function loadName(){
}
3.在function中初始化一个浏览器的内置对象XMLHttpRequest
var xmlHttp;//在js中定义了一个变量xmlHttp
if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
}
else
xmlHttp=new ActiveXObject("Microsoft.XMLHttp");
4.可以设置响应请求
原理:每当readyState改变一次,便会自动的调用一次onreadyState方法处理
当readyState=4&&state=200时说明响应完成
做出处理,常见处理是通过调用responseText获得后台返回的相应参数
5.定义发送后台的请求
xmlHttp.open("请求方式","访问后台的url",true(是否异步));
xmlHttp.send(); //发送请求
get请求允许在url后面通过?参数名=参数值
post则需要xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //设置头信息,规定以表的形式来封装请求参数
xmlHttp.send("请求参数名=请求参数值"); //发送请求