初学Ajax

2021-02-12 08:19

阅读:616

标签:oct   pen   response   activex   charset   ack   简单的   pre   ice   

封装一个简单的Ajax

DOCTYPE html>
html lang="en">
head>
    meta charset="UTF-8">
    meta name="viewport" content="width=device-width, initial-scale=1.0">
    title>Documenttitle>
    script src="ajax.js">script>
    script>
       window.onload = function(){
           var btn = document.getElementById(btn);
           btn.onclick = function(){
                ajax(ab.txt,function(str){
                    alert(str);
                },function(failed){
                    alert(failed);
                })
           }
       }
    script>
head>
body>
    button id="btn">发送button>
body>
html>
function ajax(url,fnSucc,fnFaild){
            // 1.创建ajax对象
            if(window.XMLHttpRequest){
                var ajax = new XMLHttpRequest();
            }
            else{
                // IE6, IE5 浏览器执行代码
                var ajax = new ActiveXObject("Microsoft.XMLHTTP");
            }
            // 2.连接服务器
            // open(方法,文件名,异步传输)
            ajax.open(‘GET‘,url,true);
            // 3.发送请求
            ajax.send();
            // 4.接收返回值
            ajax.onreadystatechange = function(){
                // 有0,1,2,3,4值
                if(ajax.readyState==4){
                    // 请求成功
                    if(ajax.status==200)
                    {
                        fnSucc(ajax.responseText);
                    }
                    else{
                        if(fnFaild){
                            fnFaild(ajax.status);
                        }
                    }
                }
            }
        }

 

初学Ajax

标签:oct   pen   response   activex   charset   ack   简单的   pre   ice   

原文地址:https://www.cnblogs.com/xykbg/p/13031790.html


评论


亲,登录后才可以留言!