使用ajax去服务器加载数据
function loadDoc(){
var xhttp=new XMLHttpRequest();
xhttp.onreadystatechange=function(){
if(this.readyState==4&&this.status==200)
{
document.getElementById(‘demo’).innerHTML=this.responseText;
}
};
//要想服务器发送请求就要使用open()和send()方法
xhttp.open(‘GET’,’ajax_info.txt’,true);
xhttp.send();
}
步骤:
- 在网页中监听等待发生事件(页面已加载,单机按钮)
- js创建XMLHttpRequest对象
- XMLHttpRequest对象向web服务器发送请求
- 服务器处理请求
- 服务器将响应发送回网页
- js读取响应
- js执行适当页面操作
open(‘get’,’xx.txt’,true)即
open(method,url,async,user,pwd)
method:请求类型为Get或Post
Url:文件位置
async:true(异步)或false同步
send()将请求发到服务器,作为GET
send(string) 用于POST请求
GET比POST通常情况下更简单快捷
但是由于他们的区别导致某些情况POST需要使用
- 不缓存(缓存文件不是一个选项,更新服务器上的文件或者数据库