第一种：ajax

1)ajax对象的生成
2)ajax get请求
3)ajax post请求

1.xmlhttprequest对象
2.xhr属性
xhr.responseText
xhr.readyState
xhr.status
3.xhr方法
xhr.open()
xhr.send()
4.xhr事件
onreadystatechange
5.xhr get提交
var xhr=new XMLHttpRequest(); 
xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
        var data=xhr.responseText;
        hid.innerHTML=data;
    } 
}
xhr.open("get","index.PHP?"+str,true);
xhr.send(); 
6.xhr post提交
var xhr=new XMLHttpRequest(); 
xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
        var data=xhr.responseText;
        hid.innerHTML=data;
    } 
}
xhr.open("post","index.PHP",true);
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.send(str); 

第二种：jsonp

第三种：iframe