码迷,mamicode.com
首页 > Web开发 > 详细

初学Ajax

时间:2020-06-02 16:10:22      阅读:71      评论:0      收藏:0      [点我收藏+]

标签: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>Document</title>
    <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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!