ajax请求数据方式get和post

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    // get()请求
    if(window.XMLHttpRequest){
        xhr=new XMLHttpRequest();
    }else {
        xhr=new ActiveXObject('Microsoft.XMLHTTP')// 兼容低版本ie
    }
    xhr.open("get","1.get.php?username=李&age=12",true);
    xhr.send();
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4){
            if(xhr.status==200){
             document.write(xhr.responseText)
                }
            }
        }

    // post()请求
    if(window.XMLHttpRequest){
        xhr=new XMLHttpRequest();
    }else {
        xhr=new ActiveXObject('Microsoft.XMLHTTP')// 兼容低版本ie
    }
    xhr.open("post","1.post.php",true);
    xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
    xhr.send('username=李&age=12');
    xhr.onreadystatechange=function() {
        if (xhr.readyState == 4) {
            if (xhr.status == 200) {
                document.write(xhr.responseText)
            }else if(x.status==404){
                document.write("404")
            }
        }
    }

// ajax 封装post和get(单独建个JS文件用<script src=''>引用)
function ajax(method,url,boolean,date,fn) {
    var xhr=null
    // post()请求
    if(window.XMLHttpRequest){
        xhr=new XMLHttpRequest();
    }else {
        xhr=new ActiveXObject('Microsoft.XMLHTTP')// 兼容低版本ie6
    }
    if(method=='post'){
        xhr.open('post',url,true);
        xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
        xhr.send(date);

    }else {
        // get()请求
        xhr.open('get',url+"?"+date,true);
        xhr.send();
    }
    xhr.onreadystatechange=function() {
        if (xhr.readyState == 4&&xhr.status == 200) {
            fn(xhr.responseText)
        }
    }
}

</script></body></html>

ajax请求数据方式get和post

猜你喜欢