使用XMLHttpRequest获取Web资源

最新推荐文章于 2022-04-18 16:02:27 发布

棕旨

最新推荐文章于 2022-04-18 16:02:27 发布

阅读量264

点赞数

分类专栏： js笔记文章标签： js XMLHttpRequest ajax

本文链接：https://blog.csdn.net/m15933025112/article/details/89014140

版权

js笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

Ajax入门范例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ajax入门范例</title>
</head>
<body>
<script type="text/javascript">
    function ajaxFunction(request_url) {
        var myRquest=null;
        try {
            myRquest =new XMLHttpRequest();
            alert(1);
        }
        catch (e)
        {
            try{
                myRquest =new ActiveXObject("Msxml2.XMLHTTP");
                alert(2);
            }
            catch (e)
            {
                try{
                    myRquest =new ActiveXObject("Microsoft.XMLHTTP");
                    alert(3);
                }
                catch (e)
                {
                    alert("您的服务器不支持ajax");
                    return false;
                }
            }
        }
        if (myRquest){
            //发送请求
            myRquest.open('POST',request_url,true);
            alert(request_url);
            myRquest.onreadystatechange=function () {
                if(myRquest.readyState==4){
                    alert(myRquest.status);
                    if(myRquest.status==200){
                        alert(myRquest.responseText);
                        document.getElementById('ssj').innerHTML=myRquest.responseText;
                    }
                }
            };
            myRquest.send(null);
        }
        else{
            alert('error');
        }


    }

</script>
<input type="button" id="test" value="test" onclick="javasscript:ajaxFunction('text')"/>
<br/> <br/>
        <div id="ssj">test ajax</div>
</body>
</html>